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尽管 已 经 有 许多 针对 本 科 生 的 Java Web 开发 教材 ,但 大 部 分 教材 仍 侧重 讲 
授 知 识 , 而 且 非 常 注重 知识 的 系统 性 ,使 教材 知识 体系 结构 过 于 全 面庞 大 。 目 
前 ,让 学 生 尽快 掌握 最 有 用 的 知识 ,并 尽 可 能 地 挖掘 他 们 使 用 这 些 知识 解决 实际 
问题 的 能 力 是 非常 重要 的 ,一 旦 做 到 这 一 点 ,就 容易 培养 学 生 自 主 学 习 的 能 力 , 相 
对 罗列 大 量 知 识 的 讲授 起 到 事半功倍 的 效果 。 许 多 教师 在 教学 过 程 中 ,非常 希望 
教材 本 身 能 引导 学 生 尺 可 能 地 参与 教学 活动 ,因此 本 书 的 重点 不 是 简单 地 介绍 
Java Web 开发 的 基础 知识 ,而 是 大 量 的 实例 与 实践 环节 ,读者 通过 本 书 可 以 快速 
提高 Java Web 应 用 的 开发 能 力 。 

全 书 共 11 章 。 第 1 章 概括 地 介绍 Web 前 端的 基础 知识 ,包括 HTML, CSS 
与 JavaScript。 第 2 章 介绍 JSP 运行 环境 的 构建 ,并 通过 一 个 简单 的 Web 应 用 讲 
解 Java Web 开发 的 基本 步骤 。 第 3 章 讲述 JSP 语法 ,包括 Java 脚本 元 素 以 及 常 
用 的 JSP 标记 。 第 4 章 介绍 常见 的 JSP 内 置 对 象 , 包 括 request, response, session 
以 及 application。 第 5 章 介绍 JSP 与 JavaBean,JSP 和 JavaBean 技术 的 结合 不 仅 
可 以 实现 数据 的 表示 和 处 理 分 离 , 而 且 可 以 提高 代码 重用 的 程度 。 第 6 章 详细 地 
介绍 在 JSP 中 如 何 访问 关系 数据 库 , 如 Oracle, SQL Server, MySQL 和 Microsoft 
Access 等 。 第 7 章 讲述 Servlet 的 运行 原理 以 及 基于 Servlet 的 MVC 模式 ,是 本 
书 的 重点 内 容 之 一 。 第 8 章 详细 地 讲述 过 滤器 的 概念 、 运 行 原理 以 及 实际 应 用 。 
过 滤器 可 以 过 滤 浏 览 器 对 服务 器 的 请 求 , 也 可 以 过 滤 服 务 器 对 浏览 器 的 响应 。 第 
9 章 主 要 介绍 EL 与 JSTL 核心 标签 库 的 基本 用 法 。 第 10 章 重点 介绍 Servlet 3.0 
中 的 HttpServletRequest 对 文件 上 传 的 支持 。 第 11 章 是 本 书 的 重点 内 容 之 一 ,将 
前 面 章节 的 知识 进行 全 面 综合 ,详细 讲解 一 个 基于 Servlet MVC 模式 的 地 址 簿 管 
理 信 息 系统 的 开发 过 程 。 

本 书 特别 注重 引导 学 生 参 与 课堂 教学 活动 ,适合 作为 大 学 计算 机 及 相关 专业 
的 教材 或 教学 参考 书 , 也 适合 作为 Java Web 开发 人 员 的 参考 用 书 。 

为 了 便于 教学 ,本 书 配 有 教学 课件 、 源 代码 以 及 实践 环节 与 课 后 习题 参考 答 
案 ,读者 可 从 清华 大 学 出 版 社 网 站 免费 下 载 。 

由 于 编者 水 平 有 限 , 书 中 难免 存在 疏漏 之 处 , 敬 请 广大 读者 给 予 批评 指正 。 


编 者 
2017 年 5 月 
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HTML 的 英文 全 称 是 Hyper Text Markup Language. 即 超 文 本 标记 语言 , 它 是 
JInternet 上 用 于 编写 网 页 的 主要 标记 语言 。 

CSS 是 英文 Cascading Style Sheet 的 缩写 ,又 称 为 “ 层 和 亚 样式 表 ”, 简 称 为 样式 表 。 它 是 
W3C 定义 的 标准 ,一 种 用 来 为 结构 化 文档 (如 HTML 文档 ) 添 加 样式 (字体 ,间距 和 背景 等 ) 
的 计算 机 语言 。CSS 是 对 HTML 处 理 样式 的 补充 ,能 将 内 容 和 样式 处 理 相 分 离 , 大 大 降低 
了 工作 量 。 

JavaScript 是 一 种 描述 性 的 脚本 语言 (Script Language) , 它 由 客户 端 浏 览 器 解释 执行 ， 
执行 期 间 无 须 Web 服务 器 ,减轻 了 Web 服务 器 的 负担 。JavaScript 可 以 向 HTML 页 面 添 
加 交互 行为 . 读 写 元 素 、 验 证 表单 以 及 事件 处 理 。 


1.1 HTML 





1.1.1 核心 知识 
1 .HTML 文件 的 基本 结构 


一 个 完整 的 HTML 文件 由 各 种 元 素 与 标记 组 成 ,包括 标题 .段落 .表格 ,文本 和 超 链 接 
等 。 下 面 是 一 个 HTML 文件 的 基本 结构 。 


<html> 
« head» 











</head> 

< body> 

</body> 
</html> 


从 上 面 的 代码 段 可 以 看 出 ,HTML 文件 的 基本 结构 分 为 3 部 分 ,其 中 各 部 分 含义 如 下 。 

«html >... </html>: 表示 HTML 文件 开始 和 结束 的 位 置 ,里 面包 括 head 和 
body 等 标记 。HTML 文件 中 所 有 的 内 容 都 应 该 在 这 两 个 标记 之 间 。 

<head>...</head>; HTML 文件 的 头 部 标记 ,习惯 将 这 两 个 标记 之 间 的 内 容 统称 
为 HTML 的 头 部 。 

<body>...</body>: 用 来 指明 文档 的 主体 区 域 ,网 页 所 要 显示 的 内 容 都 要 放置 在 这 
个 标记 内 。 习 惯 将 这 两 个 标记 之 间 的 内 容 统称 为 HTML 的 主体 。 


2 编写 HIM. 页面 

编写 HTML 页 面 有 两 种 常用 方法 : 一 种 是 利用 操作 系统 自 带 的 记事 本 编写 ; 另 一 种 
是 利用 可 视 化 网 页 制作 软件 (如 Dreamweaver) 编 写 。 本 书 从 第 2 章 开始 使 用 集成 开发 环境 
(IDE)Eclipse 编写 Web 程序 。 

HTML、CSS 5j JavaScript 并 不 需要 特殊 的 开发 环境 ,它们 都 是 由 客户 端的 浏览 器 执 
行 。HTML 文件 的 扩展 名 为 . html 或 . htm. CSS 文件 的 扩展 名 为 . css,JavaScript 文件 的 扩 
展 名 为 . js。 

3. 常 用 HIML 标 记 

常用 HTML 标记 简单 划分 为 以 下 4 种 格式 。 

COD 所 标记 名 称 之 : 单一 型 ,无 设置 值 。 例 如 : <br>. 

(2) 到 标记 名 称 属性 =" 属 性 值 "二 : 单一 型 ,有 设置 值 。 例 如 : <hr color= "red". 

(3) 去 标记 名 称 之 </ 标记 名 称 之 : 对 称 型 ,无 设置 值 。 例 如 : <title>...</title>。 

(4) 达标 记名 称 属性 =" 属 性 值 "之 … 去 /标记 名 称 之 : 对 称 型 ,有 设置 值 。 例 如 : <body 
bgcolor= "red"... — /body- 。 

下 面 介绍 常用 的 HTML 标记 。 

1) 标题 

HTML 将 和 文本 相关 的 标题 分 成 6 个 级 别 ,1 一 6 级 的 标题 语法 格式 如 下 : 





<hl >…</hl > 
< h2 >…</h2 > 
<h3 >…</h3 > 
< h4 >…</h4> 
<h5 >…</h5 > 
<h6 >…</h6 > 


hl 到 h6 ,作为 标题 标记 ,并 且 依据 重要 性 递减 ,字号 从 hl 到 h6 由 大 变 小 。 为 了 更 好 
地 理解 ,请 看 下 面 的 代码 段 : 

«hl > 学 习 标 题 标记 </hl > 

<h2 > 第 1 章 Web 前 端 基 础 </h2 > 
<h3> 1.1HTML</h3 > 
<h4>1.1.3 常 用 HTML 标记 </h4 > 

hl 一 级 标题 代表 重 中 之 重 ,一 般 运 用 于 网 站 标题 或 者 头条 新 闻 上 。h2 二 级 标题 主要 
出 现在 页 面 的 主体 内 容 的 文章 标题 和 栏目 标题 上 。h3 三 级 标题 一 般 出 现在 页 面 的 边 侧 栏 
上 。 页 面 层级 关系 不 能 太 深 ,所 以 h4 h5 和 h6 一 般 出 现 得 较 少 。 
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2) 段落 
在 HTML 网 页 中 ,使 用 p 标记 实现 一 个 新 段落 ,语法 格式 如 下 : 
<p> 段 落 的 内 容 </p> 


p 标记 中 有 一 个 属性 align 能 够 设置 段落 中 文字 的 对 齐 方式 ,对 齐 方式 分 为 左 对 齐 、 居 
中 和 两 端 对 齐 , 语 法 格式 如 下 : 


<p align = "对 齐 方式 "></p> 


其 中 ,align 取 值 为 left 时 ,文字 显示 左 对 齐 ; align 取 值 为 right 时 ,文字 显示 右 对 齐 ; align 
取 值 为 center 时 ,文字 显示 居中 对 齐 。 

【 例 1.1】 有 3 段 文字 ,对 齐 方式 依次 为 左 、 中 、 右 。 代 码 段 如 下 : 

«p align = "left"> 居 左 文字 </p> 

<p align= "center"> 居 中 文字 </p> 

<p align = "right"> 居 右 文字 </p> 

3) 滚动 

在 HTML 页 面 中 ,可 以 使 用 marquee 标记 让 文字 滚动 ,该 标记 有 滚动 方向 (direction)、 
滚动 方式 (behavior) \ 滚 动 次 数 (loop) ,滚动 速度 (scrollamount) 滚动 延迟 (scrolldelay) | 1$ 
景 颜色 (bgcolor) 宽度 和 高 度 等 常用 属性 。 语 法 格式 如 下 : 


< marquee direction = "滚动 方向 " behavior = "滚动 方式 "> 滚动 的 文字 </marquee> 


其 中 ,direction 的 值 有 up ,down left 和 right, 分 别 表 示 向 上 、 向 下 、 向 左 和 向 右 滚 动 ， 
向 左 滚动 是 默认 情况 ; behavior 的 值 有 scroll slide 和 alternate, 分 别 表示 循环 滚动 .只 滚动 
一 次 和 来 回 交 替 滚 动 ; loop 的 值 为 整数 ; scrollamount 的 值 为 文字 每 次 移动 的 长 度 ,以 像素 
为 单位 ; scrolldelay 的 单位 是 毫秒 。 

【 例 1.2】 编写 一 个 网 页 ,网 页 中 有 一 段 滚动 的 文字 ,文字 滚动 方向 为 默认 方向 ,文字 
滚动 的 背景 色 为 蓝 色 ,文字 滚动 方式 为 来 回 交 替 滚 动 。 网 页 运行 效果 如 图 1. 1 所 示 。 


二 
及 汪 伦 送 我 情 。 





图 1.1 examplel_2. html 运行 效果 


例 1. 2 页面 文件 examplel_2. html 的 代码 如 下 : 


<! DOCTYPE html PUBLIC " — //W3C//DTD HTML 4.01 Strict//EN" 
"http://www. w3. org/TR/htnl4/strict. dtd"» 
<html> 

< head> 

<title> examplel_2. html </title> 

</head> 


<body> 
<p align= "center">« 赠 汪 伦 »< br >< font size = "2"> 李 白 </font><br> 
李白 乘 舟 将 欲 行 ,< br > 
忽 闻 岸上 踏歌 声 .< br > 
桃花 潭 水 深 千 尺 ,< br > 
不 及 汪 伦 送 我 情 .< br> 
</p> 
< marquee bgcolor = "blue" behavior = "alternate"> 
< font color = "white"> 大 家 好 ,我 正在 学 习 « 古 诗 三 百 首 », 哈哈, 羔 莫 嫉妒 恨 吧 !</font > 
«/narquee > 
</body> 
«/htnl» 
4) 列表 
(1) 无 序列 表 标 记 ul. ul 标记 用 于 设置 无 序列 表 , 在 每 个 列表 项 目 文字 之 前 ,以 项 目 符 
号 作为 每 条 列表 项 的 前 级 ,各 个 列表 没有 级 别 之 分 。 无 序列 表 语法 格式 如 下 : 
<ul> 
<1i> 列 表 项 </1i> 
<1i> 列 表 项 </1i> 


</ul> 


无 序列 表 的 项 目 符号 默认 情况 下 是 “@”, 而 通过 ul 标记 的 type 属性 可 以 改变 无 序列 表 
的 项 目 符号 ,避免 项 目 符号 的 单调 。type 可 取 值 disc circle 和 square, 分 别 代 表 “@”“*O 〇 ”和 
mn. 

(2) 有 序列 表 标记 ol。 有 序列 表 中 的 项 目 采用 数字 或 英文 字母 开头 ,通常 各 项 目 之 间 
是 有 先后 顺序 的 。 有 序列 表 语 法 格式 如 下 : 

«ol» 


<1i> 列 表 项 </1i> 
<1i> 列 表 项 </1i> 


</ol> 


有 序列 表 同 无 序列 表 一 样 ,也 有 项 目 类 型 ,也 可 以 通过 type 属性 设置 自己 的 项 目 类 型 。 
默认 情况 下 ,有 序列 表 的 项 目 序 号 是 数字 。 有 序列 表 type 属性 的 取 值 如 表 1. 1 所 示 。 也 可 
以 通过 start 属性 改变 项 目 序号 的 起 始 值 ,起 始 数值 只 能 是 数字 ,但 同样 对 字母 或 罗马 数字 
起 作用 。 例 如 ,项 目 类 型 为 a, 起 始 值 为 5 ,那么 项 目 序号 就 从 英文 字母 e 开始 编号 。 


表 1.1 有 序列 表 type 属性 的 取 值 











属性 值 项 目 序号 属性 值 项 目 序号 
1 1,2,3,4... i idi diii iv... 
a ab、c、d... I I.D.D.N.. 
ABCD.. 

















【 例 1.3】 编写 一 个 网 页 (运行 效果 如 图 1. 2 所 示 ) ,在 网 页 中 分 别 定义 一 个 无 序列 表 
和 一 个 有 序列 表 , 无 序列 表 项 目 符号 为 “CO”, 有 序列 表 项 目 序号 为 “a、b、c、d...”。 





无 序列 表 -- 车 类 
“小 轿车 


。 小 货 


计算 机 网 络 专业 的 学 生 应 该 具备 的 能 力 


a 办公 自动 化 能 力 
b. 计算 机 硬件 先 购 与 测试 能 力 
c. 计算机 组 共 与 维护 能 力 

d 网 站 建设 与 维护 能 力 

e. 动态 网 页 设计 能 力 


图 1.2 examplel_3. html 运行 效果 


例 1.3 页 面 文件 examplel_3. html 的 代码 如 下 : 


<! DOCTYPE html PUBLIC " — //W3C//DTD HTML 4.01 Strict//EN" 
"http://www. w3. org/TR/htnl4/strict. dtd" 
<html> 
< head> 
<title> examplel_3. html </title> 
</head> 
< body> 
<h2 > 无 序列 表 -- 车 类 </h2 > 
<ul type= "circle"> 
<1i> 小 轿车 </1i> 
<1i> 小 货车 </1i> 
<1i> 重 卡 </1i> 
</ul> 
< h2 > 计算 机 网 络 专业 的 学 生 应 该 具备 的 能 力 </h2 > 
«ol type= "a"> 
<1i> 办 公 自 动 化 能 力 </1i> 
<1i> 计 算 机 硬件 选 购 与 测试 能 力 </1i> 
<1i> 计 算 机 组 装 与 维护 能 力 </1i> 
<1i> 网 站 建设 与 维护 能 力 </1i> 
<1i> 动 态 网 页 设计 能 力 </1i> 
</ol> 
</body> 
</html> 


5) 图 像 与 多 媒体 
HTML 图 像 是 通过 img 标记 插入 的 。img 标记 有 很 多 属性 ,其 中 sre 属性 是 必需 的 , 它 
指定 要 插入 图 像 文件 的 位 置 与 名 称 , 语 法 格式 如 下 : 


< ing src= "图 像 文 件 的 路 径 及 名 称 "> 

在 网 页 中 可 以 使 用 bgsound 标记 给 网 页 添加 背景 音乐 ,语法 格式 如 下 : 

< bgsound src = "音乐 文件 的 路 径 及 名 称 ”loop = "播放 次 数 "> 

在 网 页 中 可 以 使 用 embed 标记 将 多 媒体 文件 (如 Flash 动画 .MP3 音乐 .ASF 视频 等 ) 


添加 到 网 页 中 ,语法 格式 如 下 : 
< embed src = "多 媒体 文件 的 路 径 及 名 称 "width = "播放 器 的 宽度 " height = "播放 器 的 高 度 "> </ 
embed > 


图 像 与 多 媒体 文件 的 路 径 可 以 是 相对 路 径 , 也 可 以 是 绝对 路 径 。 绝 对 路 径 是 完全 路 径 ， 
是 文件 在 硬盘 上 的 真正 路 径 。 相 对 路 径 是 以 当前 文件 所 在 的 路 径 为 基准 ,进行 相对 文件 的 
查找 。 

6) 超 链 接 

超 链接 的 作用 是 建立 从 一 个 位 置 到 另 一 个 位 置 的 链接 。 利 用 超 链接 不 仅 可 以 进行 网 页 
间 的 相互 访问 ,还 可 以 使 网 页 链接 到 其 他 相关 的 多 媒体 文件 上 。 

超 链接 标记 a 是 一 个 非常 重要 的 标记 , 它 可 以 成 对 出 现在 文档 的 任何 位 置 ,语法 格式 
WF: 


«a href = "链接 路 径 " target = "目标 窗口 的 打开 方式 "> 链接 内 容 </a> 


其 中 ,链接 内 容 ? 可 以 是 文字 内 容 , 也 可 以 是 一 张 图 片 。target 属性 值 可 以 为 _self、_blank、 
_top 以 及 _parent，self 是 target 的 默认 值 。_blank 表示 目标 页 面 会 在 一 个 新 的 空白 窗口 
中 打开 。_top 表示 目标 页 面 会 在 顶层 框架 中 打开 。_parent 表示 目标 页 面 会 在 当前 框架 的 
上 一 层 打开 。 

【 例 1.4】 假设 有 3 个 文件 ,分 别 为 index. html, addGoods. html 和 updateGoods. 
html。 其 中 index. html 是 起 始 页 面 ,addGoods. html 和 updateGoods. html 在 goods 文件 
夹 下 ,goods 文件 夹 和 index. html 在 同一 目录 。 在 index. html 中 可 以 链接 到 后 面 两 个 页 
面 上 。 

index. html 的 代码 如 下 : 


<!DOCTYPE html PUBLIC " — //W3C//DTD HTML 4.01 Strict//EN" 
"http://www. w3. org/ TR/ htn14/strict.dtd"» 
<html> 
< head> 
<title> 电 子 商 务 后 台 首页 </title> 
</head> 
<body> 
«ul» 
<li><a href = "index. html"> # Jic/a»«/li» 
<li><a href = "goods/addGoods. html"> 添 加 商品 </a></1i> 
<li><a href = "goods/updateGoods. html"> 修 改 商品 </a></1i> 
</ul> 
<p> 首 页 </p> 
</body> 
«/htnl» 


在 例 1. 4 中 ,由 于 addGoods. html, updateGoods. html 和 index. html 的 相对 路 径 为 
goods/ ,在 addGoods. html 中 需要 跳 转 到 index. html 和 updateGoods. html 两 个 页 面 上 。 
addGoods. html 的 代码 如 下 : 


<!DOCTYPE html PUBLIC " — //W3C//DTD HTML 4. 01 Strict//EN" 
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"http://www. w3. org/ TR/htnl4/strict.dtd"» 
<html> 
< head» 
<title> 添 加 商品 </title> 
</head> 
<body> 
<ul> 
<li><a href ="../index.html"> 首 页 </a></1i> 
<li><a href = "addGoods. htm1"> 添 加 商品 </a></1i> 
<li><a href = "updateGoods. htm1"> 修 改 商 品 </a></1i> 
</ul> 
<p> 添 加 商品 页 面 </p> 
</body> 
«/htnl» 


由 于 起 始 页 面 index. html 位 于 当前 页 面 (addGoods. html) 的 上 一 级 ,所 以 从 当前 页 面 
到 起 始 页 面 的 链接 写 为 . . /index. html, Mi updateGoods. html 和 addGoods. html 在 同一 级 
别 目录 下 ,可 以 省 略 路 径 名 。 

7) 表格 

一 个 表格 由 行列 和 单元 格 构成 ,可 以 有 多 行 ,每 行 可 以 有 多 个 单元 格 。 创 建 表格 要 以 
三 table 二 标记 开始 ,以 过 /table 二 标记 结束 ,语法 格式 如 下 : 

<table> 

<tr> 


< td> 单 元 格 中 的 内 容 </td> 
< td> 单 元 格 中 的 内 容 </td> 


</tr> 

<tr> 
<td> 单 元 格 中 的 内 容 </td> 
<td> 单 元 格 中 的 内 容 </td> 


</tr> 
ey 
在 一 个 表格 中 包含 几 组 到 tr 之 和 所 /tr> 标 记 , 就 表示 该 表格 有 几 行 。 在 一 行 中 包含 几 
组 去 td 之 和 所 /td 标记 ,就 表示 该 行 中 有 几 个 单元 格 。 


在 制作 表格 时 ,可 能 需要 某 个 单元 格 占据 多 列 的 位 置 ,这 时 就 要 使 用 单元 格 的 colspan 
属性 设置 单元 格 所 跨 的 列 数 ,语法 格式 如 下 : 


< td colspan = " 跨 的 列 数 值 "> 
如 下 表 第 一 行 的 单元 格 的 水 平 跨度 为 5。 




















同样 地 , 当 需 要 某 个 单元 格 占据 多 行 的 位 置 时 ,就 要 使 用 rowspan 属性 设置 该 单元 格 
所 跨 的 行 数 。 

< td rowspan = " 跨 的 行 数值 "> 
如 下 表 第 一 个 单元 格 的 垂直 跨度 为 2。 





























【 例 1.5】 编写 网 页 examplel_5. html, 在 网 页 中 有 一 个 表格 ,表格 标题 为 "个 人 简历 ”， 
边框 宽度 为 1 ,边框 颜色 为 green。 网 页 运行 效果 如 图 1. 3 所 示 。 



































个 人 简历 "m 
Iva 区 
基本 资料 政治 面貌 群众 出 生日 期 |1988-12-09 
业余 爱好 
ut — [mem (包括 中 国足 球 ) | 落 电 影 [ 忠 山 [E 












































图 1.3 examplel_5. html 运行 效果 


例 1.5 页 面 文件 examplel_5. html 的 代码 如 下 : 


<! DOCTYPE html PUBLIC " - //W3C//DTD HTML 4.01 Strict//EN" 
"http://www. w3. org/TR/htn14/strict. dtd"» 
<html> 
< head> 
<title> example1_5. html </title> 
</head> 
< body> 
< table border = "1" bordercolor = "green"> 
< caption > 个 人 简历 </caption> 
«tr» 
<th rowspan = "2" align= "left"> 基 本 资料 </th> 
<th align = "left"> 姓 名 </th> 
<td> 顾 小 白 </td> 
< th align = "left"> 性 别 </th> 
<td> 女 </td> 
</tr> 
<tr> 
<th align= "left"> 政 治 面貌 </th> 
<td> 群 众 </td> 
<th align = "left"> 出 生日 期 </th> 
< td> 1988 - 12 - 09 </td> 
</tr> 
<tr> 
< th colspan = "5"> 业 余 爱好 </th> 
</tr> 
<tr> 
<td> 读 书 </td> 
<td> 各 种 球 类 (包括 中 国足 球 )</td> 
<td> 看 电影 </td> 
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< td»fféilic/td» 
< td»iE </td> 
</tr> 
</table> 
</body> 
</html> 


8) 表单 

表单 是 将 用 户 输入 的 信息 封装 提交 给 服务 器 ,实现 与 用 户 的 交互 。 表 单 是 用 form 标记 
定义 的 , 它 类 似 于 一 个 容器 ,表单 对 象 必须 在 表单 中 才 有 效 , 如 input。 定 义 表单 的 语法 格式 
如 下 : 


< form action = "表单 的 处 理 程序 "> 

i input 元 素 

</form> 

form 标记 有 很 多 属性 ,如 表 1. 2 Bron 


表 1.2 form 标记 的 属性 及 含义 


属性 名 含义 描述 

action action 属性 值 是 表单 提交 的 地 址 , 即 表单 收集 到 信息 后 传递 到 的 程序 地 址 ,如 某 页 面 
name name 属性 给 表单 命 一 个 名 称 。 表 单 名 称 可 以 控制 表单 与 后 台 程序 之 间 的 关系 

method 属性 用 于 指定 使 用 哪 种 提交 方法 将 表单 数据 提交 到 服务 器 。 默 认 情 况 下 ,提交 方 
法 为 get。get 方 法 将 表单 内 容 附 在 URL 地 址 后 面 ,因此 有 长 度 限制 (最 大 8192 个 字符 )， 
而 且 不 安全 。post 方 法 将 用 户 在 表单 中 输入 的 数据 包含 在 表单 主体 中 ,一 起 提交 给 服务 
器 ,该 方法 没有 信息 长 度 的 限制 ,也 比较 安全 

enctype 属性 用 于 指定 表单 信息 提交 的 编码 方式 ,这 个 编码 方式 通常 情况 下 采用 默认 的 
enctype | Capplication/x-www-form-urlencoded ) 即 可 ,但 上 传 文件 时 必须 选择 mime 编码 


(multipart/form-data) 











method 








input 标记 是 最 常用 的 表单 标记 ,该 标记 允许 用 户 在 表单 中 (文本 框 , 单 选 框 , 复 选 框 等 ) 
输入 信息 ,输入 类 型 是 由 类 型 属性 (type) 定 义 的 。 常 用 的 输入 类 型 如 下 。 

(1) 文本 框 与 密码 框 。input 标记 的 type 属性 值 为 text, 代 表 的 是 单行 文本 框 ,在 其 中 
可 以 输入 任何 类 型 的 文本 ,数字 或 字母 ,输入 的 内 容 以 单行 显示 。input 标记 的 type 属性 值 
为 password, 代 表 的 是 密码 框 , 在 其 中 输入 的 字符 都 是 以 * "EE Re" 显示。 如 下 面 原始 
代码 : 


<form> 


姓名 : < input type= "text" value- "" name = "userName" /> 





TRE. 
S. [e 














<br> 

密码 : < input type = "password" value = "123456" name = "pwd" /> 
</form> 图 1.4 文本 框 与 密码 框 
上 述 原始 代码 呈现 的 结果 如 图 1.4 所 示 。 
(2) 单 选 按钮 与 复 选 框 。 单 选 按钮 用 来 让 用 户 进 行 单一 选择 ,如 让 用 户 选择 性 别 。 单 
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选 按钮 在 页 面 中 以 圆 框 ("“ 〇 ”) 显 示 ,语法 格式 如 下 : 
< input type = "radio" value = " 单 选 按钮 的 值 " nane = " 单 选 按钮 的 名 称 ”checked/> 


其 中 ,name 代表 单 选 按钮 的 名 称 , 一 组 单 选 按钮 的 名 称 都 相同 ,action 处 理 程序 通过 name 
获取 被 选中 的 单 选 按钮 的 value fl. checked 表示 该 单 选 按钮 被 选中 , 而 在 一 组 单 选 按钮 中 
只 有 一 个 单 选 按钮 设置 为 checked。 如 下 面 的 原始 代码 : 


< form> 


< input type = "radio" value = "male" name = "sex" checked/> 男 eA ok 
< input type = "radio" value = "female" name= "sex" /> 女 


</form> 1.5 单 选 按钮 


上 述 原始 代码 呈现 的 结果 如 图 1. 5 所 示 。 

经 常 看 到 这 样 的 问题 ,请 选择 您 喜欢 的 歌手 : 口 张 三 口 李 四 口 王 五 ,这 样 的 网 页 就 是 使 
用 复 选 框 实现 的 。 复 选 框 与 单 选 按 钮 不 同 的 是 复 选 框 能 够 实现 选项 的 多 选 ,以 一 个 方 框 
(“ 口 ”) 表 示 , 语 法 格式 如 下 : 


< input type = "checkbox" value = " 复 选 框 的 值 " name = " 复 选 框 的 名 称 "checked/> 


其 中 , 当 用 户 勾 选 复 选 框 后 ,value 属性 的 值 传递 给 处 理 程序 。name 代表 的 是 复 选 框 的 名 
称 ,一 组 复 选 框 的 名 称 都 相同 ,处理 程序 通过 name 获取 被 选中 的 复 选 框 的 value 值 ( 以 数组 
的 形式 返回 ,数组 元 素 为 被 选中 的 复 选 框 的 value 值 ) checked 表示 该 复 选 框 被 选中 ,一 组 
复 选 框 中 可 以 同时 有 多 个 被 选中 。 如 下 面 的 原始 代码 


<form> 
< input type = "checkbox" value = "zhangsan" name = "lover" checked/> 张 三 
< input type = "checkbox" value = "lisi" name = "lover" checked/> 李 四 
< input type = "checkbox" value = "wangwu" name = "lover"/> 王 五 

</form> 
































上 述 原始 代码 呈现 的 结果 如 图 1.6 所 示 。 
(3) 按钮 。 在 网 页 的 表单 中 ,按钮 起 到 至 关 重 要 的 作用 。 没 有 
图 1.6 SE 按钮 ,网 页 很 难 和 用 户 进行 交互 。 单 击 按钮 可 以 激发 提交 表单 的 动 
作 ( 提 交 按 钮 ); 也 可 以 将 表单 恢复 到 初始 的 状态 ( 重 置 按钮 ); 还 可 以 根据 程序 的 要 求 ,发 
挥 其 他 的 作用 (普通 按钮 ) 。 
普通 按钮 主要 是 配合 脚本 语言 (JavaScript) 进 行 表 单 的 处 理 ,语法 格式 如 下 : 
< input type = "button" value = "按钮 的 值 " name = "按钮 的 名 称 "/> 
其 中 ,value 的 取 值 就 是 显示 在 按钮 上 的 文字 ,在 普通 按钮 中 可 以 添加 onclick, onfocus 等 
JavaScript 事件 实现 特定 的 功能 。 


当 用 户 在 表单 中 输入 信息 后 , 想 清除 输入 的 信息 ,将 表单 恢复 成 初始 状态 时 ,需要 使 用 
重 置 按钮 ,语法 格式 如 下 : 


国 张 三 国 李 四 BFA 





< input type = "reset" value = "按钮 的 值 " name = "按钮 的 名 称 "/> 
用 户 单 击 提交 按钮 时 ,可 以 实现 表单 内 容 的 提交 ,语法 格式 如 下 : 
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< input type = "submit" value = "按钮 的 值 " name = "按钮 的 名 称 "/> 
如 下 面 的 原始 代码 : 


< form> 
姓名 : < input type = "text" name = "userName" />< br > 
< input type = "submit" value = "提交 "/> 
< input type = "reset" value = " 重 置 "/> 
< input type = "button" value = "关闭 " onclick = "window. close()"/> 
</form> 姓名 ， 
上 述 原始 代码 呈现 的 结果 如 图 1.7 所 示 。 (gx) [s3] 
(4) 文件 域 。 经 常 需要 实现 上 传 照 片 或 文件 的 功能 ,这 就 用 
到 文件 域 。 文 件 域 是 由 一 个 文本 框 和 一 个 “浏览 ”按钮 组 成 的 。 
用 户 上 传 文件 时 ,可 以 直接 在 文本 框 中 输入 要 上 传 文件 的 路 径 , 也 可 以 单 击 “ 浏 览 " 按 钮 选择 
文件 ,语法 格式 如 下 : 


< input type= "file" name = "文件 域 的 名 称 "/> 


使 用 文件 域 上 传 文件 时 ,一 定 不 要 忘记 设置 form 表单 信息 提交 的 编码 方式 为 enctype— 
"multipart/form-data"。 如 下 面 的 原始 代码 : 














图 1.7 按钮 


你 的 规 归 ， <form action = "" enctype = "multipart/forn- data"> 
你 的 靓 照 : < input type = "file" name = "fileName"/> 
图 1.8 文件 域 </form> 


上 述 原 始 代码 呈现 的 结果 如 图 1. 8 所 示 。 
(5) 下 拉 列 表 。 下 拉 列 表 语 法 格式 如 下 : 
«select nane = "下 拉 列 表 的 名 称 " size= "显示 的 项 数 " multiple» 


< option value = "选项 值 1" selected> 选 项 1 显示 内 容 
« option value = "选项 值 2" > 选项 2 显示 内 容 


</select> 


其 中 ,选项 值 是 提交 给 服务 器 的 值 ,而 选项 显示 内 容 才 是 真正 在 页 面 中 要 显示 的 。selected 
表示 此 选项 在 默认 状态 下 是 选中 的 ,size 用 来 设 定 列表 在 页 面 中 最 多 显示 的 项 数 , 当 超出 这 
个 值 时 就 会 出 现 滚动 条 。mnultiple 表示 列表 可 以 进行 多 项 选择 。 如 下 面 的 原始 代码: 

< select name = "cities" size- "2" multiple > 


< option value = "beijing" selected > 北京 
< option value = "shanghai" selected» lif 


北京 
< option value = "guangzhou" > 广州 H^ 
< option value = "shenzhen" > 深圳 
li 1.9 列表 
</select> 


上 述 原 始 代码 呈现 的 结果 如 图 1. 9 所 示 。 


(6) 文本 区 。 文 本 区 用 来 输入 多 行文 本 。 文 本 区 和 其 他 表单 控件 不 一 样 , 它 使 用 的 是 
textarea 标记 而 不 是 input 标记 ,语法 格式 如 下 : 





网 站 设计 
m 
idi « textarea name = "文本 区 的 名 称 " cols = " 列 数 " rows = " 行 数 "></textarea> 


其 中 ,cols 用 于 设 定 文本 区 的 列 数 ,也 就 是 其 宽度 ; rows 用 于 设 定 文本 区 的 行 数 ,也 就 是 高 
EE (E , 当 文本 区 的 内 容 超出 这 一 范围 时 就 会 出 现 滚动 条 。 


1.1.2 能 力 目标 


通过 本 节 的 学 习 , 掌 握 HTML 文件 的 基本 结构 、 基 本 标签 ,能 够 编写 简单 的 HTML. 
页 面 。 
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1 任务 的 主要 内 容 


编写 一 个 HTML 文件 taskl_1. html, 在 该 文件 中 内 套 使 用 无 序列 表 和 有 序列 表 。 
HTML 文件 运行 效果 如 图 1. 10 所 示 。 




















2 任务 的 代码 模板 饮品 : 
taskl 1. html 的 代码 模板 如 下 : - dq 
eX 

<!DOCTYPE html PUBLIC " - //ii3C//DTD HTML 4. 01 Strict//EN" i TE 
"http://www. w3. org/TR/html4/strict. dtd"> -m ù 
<html> 

< head» 图 1.10 dE OUI 

< neta http - equiv = "Content ~ Type" content = "text/ 表 和 有 序列 表 


html; charset = UTF - 8"> 
« title JF 9] de n iE d </title> 
</head> 
< body> 
饮品 : 
【代码 1] 
<1i> 咖 啡 </1i> 
<li>% 

(RE 2] 
<1i> 红 茶 </1i> 
<1i> 绿 茶 </1i> 

【代码 3】 

</li> 
<1i> 牛 奶 </1i> 
【代码 4] 
</body> 
</html> 


3 任务 小 结 或 知识 扩展 


不 管 是 无 序列 表 还 是 有 序列 表 , 它 们 都 可 以 任意 地 嵌 套 使 用 。 例 如 ,任务 中 无 序列 表 赔 
套 使 用 有 序列 表 。 


zis womb | 


4 代码 模板 的 参考 答案 


【代码 1】: <ul> 
【代码 2]: < ol > 
【代码 3]: </ol > 
【代码 4]: </ul> 








1.1.4 实践 环节 


编写 网 页 practicel_1. html, 具 体 要 求 如 下 。 

(1) 网 页 中 有 一 个 form 表单 ,表单 处 理 程序 为 本 页 面 程序 ,表单 提交 方式 为 post, 表 单 
提交 编码 方式 为 multipart/form-data。 

(2) 页 面 运 行 效果 如 图 1. 11 所 示 。 











调查 问卷 

姓名 

性 别 @ 男 ox 
所 在 地 利比亚 





喜欢 的 歌手 回 张 三 OFN DEA 目 大 连 一 哥 
你 的 靓 照 。 | 选择 文件 | 未 选择 文件 








个 人 描述 
(gx, [xm] 


1.11 practicel 1l. html 页 面 运行 效果 


1.2 CSS 


不 需要 使 用 复杂 的 工具 来 创建 CSS 文件 ,可 以 使 用 文本 编辑 器 或 者 Web 开发 工具 来 
创建 。 无 论 采 用 哪 种 方式 ,都 是 要 创建 一 个 以 . ess 为 扩展 名 的 文件 。 


121 核心 知识 


1 CSS 基本 语法 

CSS 的 语法 由 3 部 分 构成 : 选择 符 (selector) 、 属 性 (property) 和 属性 值 (value)。 语 法 
格式 如 下 : 

选择 符 { 


属性 : 值 
) 














"y 
“一 选择 符 用 来 指定 针对 哪个 HTML 标签 应 用 样式 表 , 任 何 一 个 HTML 标签 都 可 以 是 一 个 
CSS 的 选择 符 。 例 如 : 


body { 
color: blue 


) 


其 中 ,body 就 是 选择 符 ,color 就 是 属性 ,blue 就 是 属性 值 。 该 规则 表示 在 网 页 body 标签 里 
的 内 容 为 蓝 色 。 为 选择 符 指定 多 个 样式 ,需要 在 属性 之 间 用 分 号 加 以 分 隔 。 下 面 的 选择 符 
p 就 包含 两 个 样式 ,一 个 是 对 齐 方 式 为 居中 ,一 个 是 字体 颜色 为 红色 。 


p{ 
text- align: center; 
color: red 


) 


可 以 将 相同 的 属性 和 属性 值 赋予 多 个 选择 符 ( 组 合 )。 选 择 符 之 间 用 逗号 分 隔 。 例 如 : 
hl, h2, h3, h4, h5, h6 
{ 

/* 字体 颜色 为 蓝 色 * / 


color: blue 


该 规则 是 将 所 有 正文 标题 (hl 到 h6) 的 字体 颜色 都 变 成 蓝 色 。“/* RIS /之 间 的 内 
容 为 CSS 的 注释 ,但 要 注意 不 要 将 注释 授 入 选择 符 语句 里 面 。 

2 在 网 页 中 添加 CSS 的 方法 

CSS 在 网 页 中 按 其 位 置 可 以 分 为 3 种 : 内 嵌 样 式 、 内 部 样式 和 外 部 样式 。 

D WIFE 


内 峰 样 式 是 将 样式 代码 写 在 标记 里 面 的 ,使 用 style 作为 属性 ,样式 语句 作为 属性 值 。 
内 赃 样 式 只 对 所 在 标记 有 效 。 例 如 : 


«p style= "font - size:20pt; color:red"> 


XS style 定义 <p></p> 里 面 的 文字 是 20pt 字号 ,字体 颜色 是 红色 
</p> 


2) 内 部 样式 


内 部 样式 是 使 用 style 标记 将 样式 代码 写 在 HTML 的 二 head 二 过 /head 二 里 面 的。 内 
部 样式 只 对 所 在 网 页 有 效 。 例 如 : 


<html> 
<head> 
< style type = "text/css"> 
hl { 
border - width:1; 
text- align:center; 
color:red 
} 
</style> 





</head> 
<body> 
«hi» 这 个 标题 使 用 了 style </hl > 
</body> 
</html > 


3) 外 部 样式 

CD 链接 样式 表 。 将 样式 代码 写 在 一 个 以 . css 为 后 级 的 CSS 文件 里 ,然后 在 每 个 需要 
用 到 这 些 样式 的 网 页 里 引用 这 个 CSS 文件 。 通 过 HTML 的 link 元 素 将 外 部 的 样式 文件 链 
接 到 网 页 里 。 例 如 : 


<!DOCTYPE html PUBLIC " — //W3C//DTD HTML 4. 01 Strict//EN" 
"http://www. w3. org/ TR/ htnl14/strict.dtd"» 
<html> 
X head» 
< neta http- equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
«title» Insert title here </title> 
< link rel = "stylesheet" href = "nystyle.css" type = "text/css" /> 
</head> 
< body> 
< hl > 标题 </hl > 
<p> 段 落 内容 </p> 
</body> 
</html> 


其 中 ,rel 和 type 属性 表明 这 是 一 个 样式 文件 ,href 属性 指定 了 外 部 样式 文件 的 相对 地 
址 。 外 部 的 样式 文件 不 能 含有 任何 像 head 或 style 这 样 的 HTML 标记 ,样式 表 文件 仅仅 由 
样式 规则 或 声明 组 成 。mystyle. css 文件 内 容 如 下 : 


p{ 
background: yellow; 
) 


(2) 导入 样式 表 。 在 style 标记 内 ,使 用 @import 导入 外 部 样式 文件 。 例 如 ， 


<!DOCTYPE html PUBLIC " — //W3C//DTD HTML 4. 01 Strict//EN" 
"http://www. w3. org/ TR/htn14/strict.dtd"» 
<html> 
< head> 
< neta http- equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
<title> Insert title here </title> 
< style type = "text/css"> 
a== 
@import url("mystyle. css"); 
hi{color:red} 
= 
</style> 
</head> 
<body> 
< hi > 标题 </hl > 
<p> 段 落 内 容 </p> 


m) 


</body> 

</html> 
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(D 样式 代码 可 以 复 用 。 一 个 外 部 CSS 文件 ,可 以 被 很 多 网 页 共用 。 

@ 便于 修改 。 如 果 要 修改 样式 ,只 需要 修改 CSS 文件 ,而 不 需要 修改 每 个 网 页 。 

@ 提高 网 页 显示 的 速度 。 如 果 样 式 写 在 网 页 里 ,会 降低 网 页 显示 的 速度 ,如 果 网 页 引 
用 一 个 CSS 文件 ,这 个 CSS 文件 已 经 在 缓存 区 (其 他 网 页 早已 经 引用 过 它 ), 网 页 显示 的 速 
度 就 比较 快 。 

因此 ,在 实际 开发 中 一 般 使 用 外 部 样式 ,不 推荐 使 用 内 嵌 样 式 和 内 部 样式 。 

3 .选择 符 的 分 类 

1) 普通 选择 符 

任意 的 HTML 标记 都 可 以 作为 选择 符 ,这 样 的 选择 符 称 为 普通 选择 符 。 其 样式 仅 作 
用 在 选择 符 指定 的 HTML 标记 上 。 例 如 : 


pt 
color:red 


) 


2) 类 选择 符 
HTML 标记 名 加 上 类 名 ,中 间 用 *. "号 分 开 , 类 名 供 该 HTML 标记 的 class 属性 使 用 。 如 
果 和 希望 p 标记 有 两 种 样式 ,一 种 是 居中 对 齐 , 另 一 种 是 居 右 对 齐 ,那么 可 以 写成 如 下 的 样式 : 


p. right { 

text - align:right 
} 
p. center { 

text - align:center 


) 


其 中 ,right 和 center 就 是 两 个 class。 在 网 页 中 可 以 引用 这 两 个 class 设置 段落 的 对 齐 方 
式 。 示 例 代码 如 下 : 

< p class = "center"> 这 一 段 内 容 是 居中 显示 </p> 

«p class = "right"> 这 一 段 内 容 是 居 右 显示 </p> 

如 果 省 略 HTML 标记 名 只 写 “. 类 名 ”表示 这 个 类 名 适用 于 所 有 的 HTML 标记 的 class 
属性 ,这 种 选择 符 称 为 通用 类 选择 符 。 

3) id 选择 符 

HTML 标记 名 加 上 id 名 ,中 间 用 “# ”号 分 开 ,id 名 供 该 HTML 标记 的 id 属性 使 用 。 例 如 : 

p# svp { 

font- size:12pt 

j 
其 中 ,svp 是 一 个 id 选择 符 的 名 字 , 在 网 页 中 可 以 引用 这 个 id 选择 符 设 置 p 标记 的 样式 。 
示例 代码 如 下 : 


NI 


(m 


<p id= "svp"> 这 一 段 话 的 字体 大 小 为 12pt.</p> 


如 果 省 略 HTML 标记 名 只 写 “#id 名 ”表示 这 个 id 名 适用 于 所 有 的 HTML 标记 的 id 
属性 ,这 种 选择 符 称 为 通用 id 选择 符 。 


4 伪 类 及 伪 对 象 

伪 类 及 伪 对 象 由 CSS 自动 支持 ,属于 CSS 的 一 种 扩展 类 型 。 名 称 不 能 被 用 户 自 定义 ， 
使 用 时 只 能 按照 标准 格式 进行 应 用 。 

1) 超 链接 伪 类 

超 链接 伪 类 共有 4 个 ,它们 是 ailink,a: visited;a: hover 和 a:active, a:link 表示 未 被 
访问 的 链接 ; a: visited 表示 已 被 访问 过 的 链接 ; a: hover 表示 鼠标 悬浮 在 上 的 链接 ; 
a:active 表示 鼠标 点 中 激活 的 链接 。 由 于 优先 级 的 关系 ,在 写 超 链接 a 标记 的 CSS 时 ,一定 
ETE a;link,a:visited a:hover, a:active 的 顺序 书写 。 例 如 : 

a:link {color: red} /* 未 被 访问 的 链接 红色 * / 

a:visited {color: green} /* 已 被 访问 过 的 链接 绿色 * / 


a:hover {color: yellow} /* 鼠标 悬浮 在 上 的 链接 黄色 * / 
a:active (color: blue] /* 鼠标 点 中 激活 的 链接 蓝 色 * / 


2) 常用 伪 对 象 
:first-letter 设置 对 象 内 的 第 一 个 字符 的 样式 表 属 性 ,如 设置 段落 p 标记 的 第 一 个 字符 
的 样式 代码 如 下 : 


p:first- letter { 
color: red; 
font - size: 16px 
} 
:first-line 设置 对 象 内 的 第 一 行 的 样式 表 属 性 ,如 设置 body 对 象 里 第 一 行 的 样式 代码 
如 下 : 
body:first- line { 
color: red; 


font- size: 16px 
) 


5 常见 的 DIV+ CSS 布局 类 型 

DIV 十 CSS 布局 是 当前 网 页 布局 中 最 流行 的 类 型 之 一 。 

1) DIV 

DIV 是 一 个 放置 内 容 的 容器 ,用 于 大 面积 ,大 区 域 的 块 状 排版 ,样式 需要 编写 CSS 来 实 
现 。 示 例 代码 如 下 : 


<!DOCTYPE html PUBLIC " — //W3C//DTD HTML 4. 01 Strict//EN" 

"http://www. w3. org/ TR/htnl4/strict.dtd"» 

«html» 
<head> 
« neta http- equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
<title> div_cssl </title> 


— < style type = "text/css"» 
.mainBox ( 
border: 1px dashed # 0099CC; 
margin: 3px; 
padding: 0px; 
float: left; 
height: 300px; 
width: 192px; 
} 
float: left; 
height: 20px; 
width: 179px; 
color: #FFFFFF; 
padding: 6px 3px 3px 10px; 
background - color: #0099CC; 
font- size: 16px; 
} 
.mainBox p { 
line- height: 1.5em; 
text - indent: 2em; 
margin: 35px 5px 5px 5px; 
} 
</style> 
</head> 
< body> 
< div class = "mainBox"> 
< h3 > 前 言 </h3 > 
<p> 正 文 内 容 </p> 
</div> 
<div class = "mainBox"> 
< h3 > CSS 盒子 模式 </h3 > 
<p> 正 文 内 容 </p> 
</div> 
« div class = "mainBox"> 
< h3 > 转变 思想 </h3 > 
<p> 正 文 内 容 </p> 
</div> 
</body> 
</html> 


上 述 代 码 运行 效果 如 图 1.12 Bros 。 

2) 1 列 固定 

宽度 的 属性 值 是 固定 像素 ,无论 怎 样 改 变 浏 览 器 窗口 大 小 ,DIV 的 宽度 都 不 改变 。 示 
例 代 码 如 下 : 

<!DOCTYPE html PUBLIC " — //W3C//DTD HTML 4. 01 Strict//EN" 

"http://www. w3. org/TR/htn14/strict. dtd"» 


«html» 
< head» 








图 1.12 DIV 示例 


« neta http- equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
«title» div css2 </title> 
< style type "text/css"» 
. oneFixed ( 
border: 1px dashed #0099CC; 
background - color: cyan; 
height: 300px; 
width: 300px 


) 

</style> 

</head> 

< body> 
< div class = "oneFixed"> 

1 列 固定 宽度 

</div> 

</body> 

</html > 


上 述 代码 运行 效果 如 图 1. 13 所 示 。 图 1.13 1 列 固定 宽度 
3) 2 列 固 定 宽度 
2 列 的 布局 需要 用 到 两 个 DIV ,宽度 的 属性 值 是 固定 像素 。 示 例 代码 如 下 : 


<!DOCTYPE html PUBLIC " - //W3C//DTD HTML 4. 01 Strict//EN" 
"http://www. w3. org/TR/htn14/strict. dtd"» 
<html> 
« head» 
< neta http- equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
«title» div css3 </title> 
< style type = "text/css"» 
#1eft { 
border: 1px dashed # 0099CC; 
background - color: cyan; 
height: 200px; 





A width: 300px; 
float: left 
} 
#right{ 


border: 1px dashed #0099CC; 
background - color: LightSkyBlue; 
height: 200px; 
width: 300px; 
float: left 

] 

</style> 

</head> 

< body> 
<div id= "left"» 


</body> 
</html> 


上 述 代码 运行 效果 如 图 1. 14 所 示 。 





1.14 2 列 固定 宽度 


4) 3 列 浮动 中 间 宽 度 自 适应 
3 列 浮动 中 间 宽 度 自 适 应 就 是 要 求 左边 DIV 固定 宽度 且 居 左 显示 ,右边 DIV 固定 宽度 
且 居 右 显 示 , 中 间 DIV 根据 左右 DIV 的 间距 变化 宽度 自 适应 。 示 例 代码 如 下 : 


<!DOCTYPE html PUBLIC " - //W3C//DTD HTML 4.01 Strict//EN" 
"http://www. w3. org/TR/htn14/strict.dtd"» 
<html> 

< head» 

< meta http- equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 

<title> div css4 </title> 

< style type = "text/css"> 

body{ 

margin: 0px 
} 
#left { 


</html > 


} 


border: 1px solid #0099CC; 
background - color: cyan; 
height: 300px; 

width: 100px; 

position: absolute; 

top: Opx; 

left: Opx 


£ center( 


) 


border: 1px solid #0099CC; 
background- color: £ 7FFFAA; 
margin- left: 100px; 
margin- right: 100px; 
height: 300px 


#right{ 


} 


border: 1px solid #0099CC; 
background - color: cyan; 
height: 300px; 

width: 100px; 

position: absolute; 

right: Opx; 

top: 0px 


</style> 
</head> 
< body> 


<div id= "left"> 
左边 

</div> 

<div id= "center"> 
中 间 自 适应 

«/div» 

« div id- "right"> 
右边 


</div> 


</body> 


上 述 代 码 运行 效果 如 图 1. 15 所 示 。 
5) 3 行 2 列 居 中 高 度 自 适应 


3 行 2 列 居中 高 度 自 适应 就 是 要 求 整个 网 页 内 容 居中 ,第 一 行 DIV 固定 高 度 且 居 顶端 
显示 ,第 3 行 DIV 固定 高 度 且 居 底 端 显示 ,中间 DIV 根据 内 容 的 变化 高 度 自 适应 。 示 例 代 


码 如 下 : 


<! DOCTYPE html PUBLIC " - //W3C//DTD HTML 4. 01 Strict//EN" 
"http://www. w3. org/TR/html4/strict. dtd"> 








图 1.15 3 列 浮动 中 间 宽 度 自 适应 


<html> 
< head» 
< meta http- equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
«title» div css5 </title> 
< style type = "text/css"» 
body ( 
background: #999; 
text- align: center; 
color: #333; 
font- family: arial, verdana, sans- serif; 


# header { 
width: 776px; 
margin - right: auto; 
margin- left: auto; 
padding: 0px; 
background: # EEE; 
height: 60px; 
text-align: left; 


f contain ( 
margin - right: auto; 
margin- left: auto; 
width: 776px; 


f mainbg { 
width: 776px; 
padding: Opx; 
background: #60A179; 
float: left; 





* right { 
float: right; 
margin: 2px 0px 2px 0px; 
padding: Opx; 
width: 574px; 
background: # ccd2de; 
text- align: left; 


#left { 
float: left; 
margin: 2px 2px Opx Opx; 
padding: Opx; 
background: iF2F3F7; 
width: 200px; 
text - align: left; 


# footer ( 
clear: both; 
width: 776px; 
margin- right: auto; 
margin- left: auto; 
padding: Opx; 
background: # EEE; 
height: 60px; 


„text { 
margin: 0px; 
padding: 20px; 
} 
</style> 
</head> 
<body> 
<div id= "header"> header </div> 
<div id= "contain"> 
<div id= "mainbg"> 
<div id= "right"> 
<div class = "text"> 
right 
<p>1</p> 
<p>1</p> 
<p>1</p> 
<p>1</p> 


bend «p»1«/p» 
</div> 
</div> 
<div id= "left"> 
<div class= "text"> left </div> 
</div> 
</div> 
</div> 
<div id= "footer"> footer </div> 
</body> 
</html > 


上 述 代码 运行 效果 如 图 1. 16 所 示 。 





图 1.16 3 行 2 列 居中 高 度 自 适 应 





122 能 力 目 标 
通过 本 节 的 学 习 , 掌 握 CSS 的 基本 语法 和 常用 属性 ,能 够 编写 简单 的 CSS 样式 文件 。 
.3 任务 驱动 
1 任务 的 主要 内 容 
首先 ,编写 一 个 CSS 文件 myTask. css, 在 该 CSS 文件 中 分 别 定义 一 个 类 选择 符 和 id 
选择 符 ; 然后 ,编写 一 个 HTML 文件 task1_2. html, Æ HTML 文件 中 使 用 myTask. css 


美化 页 面 。taskl_2. html 和 myTask. css 在 同一 个 目录 下 。taskl_2. html 的 运行 效果 如 
图 1.17 所 示 。 




















和 任务 的 代码 楼 要 第 一 自 绿色 内 容 。 
my Task. css 的 代码 模板 如 下 :; 第 一 段 红色 内 容 。 
【代码 1](/ * 代码 1 定义 一 个 class 选择 符 nyClass * / 


is 图 1.17 taskl 2. html 
color: green; lá 
j 的 运行 效果 


gc | 





【代码 2]{/* 代码 2 定义 一 个 id 选择 符 myld * / 
color: red; 


) 
taskl 2. html 的 代码 模板 如 下 : 


<! DOCTYPE html PUBLIC " - //W3C//DTD HTML 4.01 Strict//EN" 
"http://www. w3. org/ TR/htn14/strict.dtd"» 
<html> 
< head» 
« neta http- equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
«title» Insert title here </title> 
【代码 3K! -- 代码 3 引入 myTask.css 文 件 --> 
</head> 
< body> 
<p【 代 码 4] > 第 一 段 绿色 内 容 。<! -- 代码 4 使 用 类 选择 符 myClass --> 
<p【 代 码 5]> 第 二 段 红色 内 容 。<! -- 代码 5 使 用 这 选择 符 myId --> 


</body> 
«/htnl» 
3 任务 小 结 或 知识 扩展 


使 用 外 部 样式 文件 时 ,需要 注意 样式 文件 的 存放 位 置 , 即 代码 3 中 href 的 属性 值 。 
4 代码 模板 的 参考 答案 


【代码 1]: .nyClass 

【代码 2]: #myId 

【代码 3]: < link rel = "stylesheet" href = "nyTask.css" type = "text/css" /> 
【代码 4】: class = "nyClass" 

【代码 5]: id = "nyId" 





124 实践 环节 


按照 下 面 的 步骤 编写 网 页 practicel 2. html. 
步骤 1. 使 用 DIV 定义 结构 。 
一 个 典型 的 版 面 分 栏 结 构 : 页 头 . 导航 栏 . 内 容 . 版权。 结构 代码 如 下 : 


< div id= "header"></div> 
<div id= "navigator"></div> 
<div id= "content"></div> 
<div id= "footer"></div> 


将 这 4 个 盒子 装 进 一 个 更 大 的 盒子 ,body 中 ,代码 如 下 : 


<body> 
上 面 四 行 代码 
</body> 


步骤 2: 定义 body 的 属性 。 


body { 
font- family: Arial, Helvetica, sans- serif; 











font- size: 12px; 

margin: Opx auto; 

height: auto; 

width: 800px; 

border: 1px solid £t 006633; 
} 


步骤 3: 定义 页 头 (header) 的 属性 。 


£ header { 
height: 100px; 
width: 800px; 
background- image: url(plane. jpg); 
background - repeat: no- repeat; 
margin: 0px Opx 3px 0px; 

) 


步骤 4: 定义 导航 栏 (navigator) 的 属性 。 


# navigator { /* 定义 一 个 导航 栏 的 长 盒子 * / 

height: 25px; 

width: 800px; 

font - size: 14px; 

list- style- type: none; / * 让 navigator 这 个 大 盒子 下 面 的 小 盒子 1i 列表 样式 不 显示 ,这 对 
于 标准 浏览 器 很 重要 * / 
) 


f navigator li ( 
float: left; /* 让 1i 这 些小 盒子 左 对 齐 */ 
) 


# navigator lia ( 
color: $ 000000; 
text- decoration: none; /* 让 1i 盒 子 里 面 的 链接 样式 没有 下 划 线 * / 
padding - top: 4px; 
display: block; /* 让 1i 里 面 的 链接 块 状 呈 现 ,就 像 一 个 按钮 ,而 不 必 一 定 要 点 中 链接 文字 才 
起 作用 * / 
width: 131px; 
height: 22px; 
text- align: center; 
background- color: #009966; 
margin- left: 2px; 
) 


# navigator li a: hover ( 
background- color: #006633; / * 鼠标 移 到 链接 盒子 上 面 改变 盒子 背景 色 * / 
color: # FFFFFF; 

} 


步骤 5: 定义 内 容 部 分 (content) 的 属性 。 


# content { 





height: auto; 
width: 780px; 
line- height: 1.5em; 


padding: 10px; 
j 
# content p { 

text- indent: 2em; 
} 


f content h3 { 
font - size: 16px; 
margin: 10px; 

} 


步骤 6: 定义 页 脚 (footer) 的 属性 。 


#footer { 
height: 50px; 
width: 780px; 
line- height: 2em; 
text - align: center; 
background- color: $ 009966; 
padding: 10px; 

) 


步骤 7: 定义 各 标记 的 边界 和 填充 (开头 处 ) 。 
a 
margin: 0px; 


padding: 0px; 
} 


步骤 8: 结构 代码 如 下 。 





id = "header"»«/div» 
<div id= "navigator"> 
<ul id = "navigator"> 
<li><a href =" 井 "> 首页 </a></1i> 
<li><a href ="#"> 文 章 </a></1i> 
<li><a href ="#"> 相 册 </a></1i> 
<li><a href = " # "> Blog</a></1i> 
<li><a href ="#"> 论 坛 </a></1i> 
<li><a href =" 井 "> 帮助 </a></1i> 
</ul> 
</div> 
<div id= "content"> 
< b3 > 前 言 </h3 > 
« p» CSS 是 英文 Cascading Style Sheet 的 缩写 , 又 称 为 “ 层 县 样式 表 ”, 简称 为 样式 表 . 它 是 
W3C 定义 的 标准 ,一 种 用 来 为 结构 化 文档 (如 HTML 文档 ) 添 加 样式 (字体 、 间 距 和 背景 等 ) 的 计算 机 语 


言 </p> 


] 
28; 
~A < h3 > 理解 DIV+ CSS 布局 </h3 > 
<p> 简 单 地 说 DIV+ CSS(DIV CSS) 被 称 为 “Web 标准 ”中 常用 术语 之 一 .首先 认识 DIV 是 用 于 搭 
建 html 网 页 结构 (框架 ) 标 签 , 再 认识 CSS 是 用 于 创建 网 页 表现 (样式 /美化 ) 样 式 表 统 称 ,通过 CSS 来 
设置 div 标签 样式 , 这 一 切 常常 称 为 DIV+ CSS 
</p> 
</div> 
<div id= "footer"> 
<p> 关 于 | 广告 服务 | 招聘 | 客服 中 心 | 0 留言 | 网 站 管理 | 会 员 登 录 | 购物 车 </p> 
< p> Copyright @ 清 华 大 学 出 版 社 </p> 
</div> 
</body> 


页 面 运行 效果 如 图 1. 18 所 示 。 


前 言 


CSS 是 英文 Cascading Style Sheet 的 缩写 ， 又 称 为 " 层 得 样式 表 ， 简 称 为 样式 玫 。 它 是 W3C 定 义 的 标准 ， 一 种 用 来 为 结构 化 文档 ( 加 HTML 文 
tO 添加 祥 式 ( 字体 、 间距 和 背景 等 ) 的 计算 机 语言 。 


理解 DIV+CSS 布 局 


简单 地 说 DIV+CSS(DIV CSS) 被 称 为 " Web 标 众 " 中 党 用 术语 之 一 。 首 先 认识 DIV 是 用 于 搭建 himl 同 页 关 构 ( 框架 ) 标签 ， 再 认识 CSS 是 用 于 创 津 
RNR RRR) 样式 表 统称 ， 通 过 CSS 来 设置 div 标签 样式 ， 这 一 切 富 富 称 为 DIVCSS。 





图 1.18 DIV 十 CSS 布局 


1.3 Javascript 


JavaScript 同 CSS — FÉ ,不 需要 使 用 复杂 的 工具 来 编写 ,可 以 使 用 文本 编辑 器 或 者 Web 
开发 工具 来 编写 。 


131 核心 知识 


1. 在 网 页 中 添加 JavaSaript 的 方法 
D 嵌入 使 用 
在 网 页 代码 中 任何 位 置 都 可 嵌入 JavaScript 代码 ,但 建议 嵌入 head 标记 中 。 示 例 代码 
如 下 : 
«html» 
X head? 

< meta http- equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 

«title» JavaScript 嵌 人 学 习 </title> 

< script type= "text/javascript"> 














第 1 章 woWuHERO | 
{E 
alert(" 第 一 次 看 到 警告 框 很 兴奋 !") ; e 
</script> 
</head> 
< body> 
好 好 学 习 JavaScript 知识 
</body> 
</html> 


2) 引入 使 用 
当 多 个 页 面 使 用 相同 的 JavaScript 代码 时 ,可 以 将 共用 的 代码 保存 在 以 . js 为 扩展 名 的 


文件 中 ,然后 在 页 面 中 使 用 src 属性 引入 外 部 js 文件 。 


myFirst. js 的 代码 模板 如 下 : 
alert(" 被 引入 页 面 中 !"); 
引入 外 部 js 文件 学 习 . html 的 代码 模板 如 下 : 


<html> 
< head» 
< neta http - equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
<title> 引 入 外 部 js 文件 </title> 
< script type = "text/javascript" src = "myFirst. js" charset = "GBK"> 
</script> 
</head> 
<body> 
好 好 学 习 JavaScript 知识 
</body> 
«/htnl» 


2. JaaSaript 基 本 语法 

1) 变量 

使 用 var 可 以 声明 任意 类 型 的 变量 ,例如 : 
var firstNumber = 10; 


2) 类 型 转换 
JavaScript 是 弱 类 型 语言 ,变量 的 类 型 对 应 于 其 值 的 类 型 。 可 以 对 不 同类 型 的 变量 执 


行 运算 ,解释 器 强制 转换 数据 类 型 ,然后 进行 处 理 。 例 如 ,数值 与 字符 串 相 加 ,将 数值 强制 转 
换 为 字符 串 ; 布尔 值 与 字符 串 相 加 ,将 布尔 值 强制 转换 为 字符 串 ; 数值 与 布尔 值 相 加 ,将 布 
尔 值 强制 转换 为 数值 。 


字符 串 到 数值 的 转换 。 例 如 ,parseInt(s) 将 字符 串 转换 为 整数 ,parseFloat(s) 将 字符 串 


转换 为 浮 点 数 ,Number(s) 将 字符 串 转 换 为 数字 。parseInt 和 parseFloat 方法 只 对 string 
类 型 有 效 , 且 需要 是 数字 开头 的 字符 串 。 


3) 运算 符 
CD 赋值 运算 符 。 赋 值 运 算 符 的 运算 规则 及 说 明 如 表 1. 3 所 示 。 


30) 

















表 1.3 赋值 运算 符 
运算 符 m 例 说 明 
= x=y; 将 变量 y 的 值 赋 给 x 
+= xt=y; x—xty: 
= x= myi X—X—yi 
Nr x* —yi x—x*y; 
/= x/—y; x=x/y; 








(2) 数学 运算 符 。 数 学 运算 符 的 运算 规则 及 说 明 如 表 1.4 所 示 。 


























表 1.4 数学 运算 符 
运算 符 示 例 说 明 
A=5+8 // 结 果 是 13 如 果 操 作 数 都 是 数字 ,执行 加 法 运算 ,如 果 其 中 
A ="5" 十 8 // 结 果 是 "58" 的 操作 数 有 字符 串 ,会 执行 连接 字符 串 的 运算 
= A=8—5 减法 
* A-8*5 乘法 
/ A =8 / 5 // 结 果 是 1.6 除法 
% 10%3=1 取 余 
十 十 x 返回 递增 后 的 x 值 
ld x 十 十 返回 递增 前 的 x Mi A 
= 一 一 x 返 回 递减 后 的 x 值 
“= x 一 一 返回 递减 前 的 x 值 ia 
= 如 果 a 等 于 5, 则 一 a = 一 5 此 运算 符 返回 操作 数 的 相反 数 








(3) 逻辑 运算 符 。 逻 辑 运 算 符 的 运算 规则 及 说 明 如 表 1.5 所 示 。 
表 1.5 EH 


m A 


说 明 





exprl 6.8 expr2 


逻辑 与 (表达 式 1 错误 ,表达 式 2 不 再 运算 ) 





exprl || expr2 


逻辑 或 (表达 式 1 正确 ,表达 式 2 不 再 运算 ) 











| expr 


逻辑 非 


(4) typeof 运算 符 。 对 变量 或 值 调用 typeof 运算 符 将 返回 对 应 的 值 ,typeof 运算 符 的 
运算 规则 及 说 明 如 表 1.6 所 示 。 


表 1.6 typeof 运算 符 























示 A 返回 结果 说 H 
typeof(true) boolean 变量 或 值 是 boolean 类 型 
typeof(300) number 变量 或 值 是 number 类 型 
typeof('abc') string 变量 或 值 是 string 类 型 
typeofCnulD object 变量 或 值 是 一 种 引用 类 型 或 null 类 型 
typeof(f) function 变量 是 一 个 函数 
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4) 注释 

为 了 程序 的 可 读 性 ,以 及 便于 日 后 代码 修改 和 维护 ,可 以 在 JavaScript 程序 里 为 代码 写 
注释 。 在 JavaScript 程序 里 ,用 两 个 斜 杠 “//” 来 表示 单行 注释 。 多 行 注释 用 “/ * ”表示 开 
始 ,“* /” 表 示 结 束 。 注 释 示例 代码 如 下 : 

aGoodIdea = "Comment your code thoroughly."; // 这 是 单行 注释 

/* 

这 是 多 行 注释 行 一 
这 是 多 行 注释 行 二 

*/ 

5) 变量 命名 规则 

以 字母 .下 划 线 (_) 或 美元 符号 ($ ) 开 头 ; 余下 的 字符 可 以 是 下 划 线 、 美 元 符号 或 任何 
的 字母 数字; 不 能 有 空格 ,大 小 写 敏感 ; 不 能 使 用 JavaScript 中 的 关键 字 或 保留 字 命名 。 

6) 部 分 保留 字 

break delete, function, return, typeof ,case .do if, switch, var, catch, else, in, this, void, 
continue, false, instanceof ,throw while ,finally new, true, with , default, for, null, try 

【 例 1.6】 编写 网 页 examplel_6. html. f£ I] JC rf i A fli JH JavaScript: JavaScript 程序 
的 具体 要 求 如 下 。 

(1) 声明 变量 firstNumber, 并 将 I am a String 赋值 给 该 变量 。 

(2) 声明 变量 secondNumber, 并 将 300 赋值 给 该 变量 。 

(3) 声明 变量 thirdNumber, 并 将 firstNumber 十 secondNumber 赋值 给 该 变量 。 

(4) 使 用 alert 弹出 变量 thirdNumber 的 值 。 

(5) 使 用 typeof 运算 符 判断 变量 firstNumber, secondNumber 以 及 thirdNumber 的 值 
类 型 ,并 使 用 alert 分 别 弹 出 typeof 的 返回 结果 。 

例 1. 6 页 面 文件 examplel_6. html 的 代码 如 下 : 


<!DOCTYPE html PUBLIC " - //W3C//DTD HTML 4. 01 Transitional//EN" 
"http://www. w3. org/ TR/htm14/100se. dtd"» 


«html» 
X head» 
< meta http ~ equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
«title» examplel_6. html </title> 
< script type = "text/javascript"> 
var firstNumber = "I am a String"; 
var secondNumber = 300; 
var thirdNumber = firstNumber + secondNumber; 
alert(thirdNumber); 
alert("firstNumber 的 值 类 型 : " + typeof(firstNumber)); 
alert("secondNumber 的 值 类 型 : ”+ typeof(secondNunber)); 
alert("thirdNumber 的 值 类 型 : ”+ typeof(thirdNumber)); 
</script> 
</head> 
< body> 
</body> 


</html> 


3. 流程 控制 与 函数 
1) 流程 控制 语句 
CD i TESI, 
(表达 式 ){ 


语句 
} 


或 

证 (表达 式 ){ 
语句 

}else{ 


语句 
Jj 


(2) switch 条 件 语句 。 
switch( 表 达 式 ){ 


case casel: 


break; 


default: 
default 语句 
} 


(3) for 循环 语句 。 


for( 表 达 式 1; 表 达 式 2; 表 达 式 3){ 
语句 
} 


(4) while 循环 语句 。 
while( 表 达 式 ){ 
语句 
) 
(5) do-while 循环 语句 。 
do( 
语句 
}while( 表 达 式 ) 
(6) break/continue i], break 语句 让 执行 语句 从 循环 语句 或 其 他 程序 块 中 跳出 。 
continue 语句 让 执行 语句 跳 过 本 次 循环 的 剩余 语句 进入 下 一 次 循环 。 
2) 函数 
常 将 完成 某 个 功能 的 一 组 语句 写成 一 个 函数 ,函数 的 定义 格式 如 下 : 
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function 函数 名 ([ 参 数 ,参数 ]){ nad 


函数 体 
) 


function 是 关键 字 , 函 数 没有 类 型 ,参数 也 没有 类 型 。 例 如 : 


function gogo(obj){ 
document. write(" 函 数 没有 类 型 ,参数 也 没有 类 型 ") ; 
3) arguments 对 象 
函数 可 以 接受 任意 个 数 的 参数 ,通过 arguments 对 象 来 访问 。 示 例 代码 如 下 : 
function say(){ 
if(arguments[1] != "你 好 "){ 
alert(argunents[0]) ; 
}else{ 
alert(arguments[1]); 
) 
alert(argunments. length); // 返 回 参 数 的 个 数 
) 


调用 函数 如 下 : 

say("How are you?" , "你 好 "); 

4) 系统 函数 

JavaScript 提供 了 与 任何 对 象 无 关 的 系统 函数 ,这 些 函数 不 需要 创建 任何 对 象 就 可 以 
直接 使 用 。 

(1) eval( 字 符 串 表达 式 ) 。 

该 函数 的 功能 是 返回 字符 串 表达 式 的 值 ,例如 : 

var test = eval("2 +3"); //test 的 值 为 5 

(2) parseInt( 字 符 串 ) 。 

该 函数 的 功能 是 将 以 数字 开头 的 字符 串 转换 为 整数 ,例如 

var test = parseInt("200.5abc"); //test 的 值 为 200 

(3) parseFloat( 字 符 串 ) 。 

该 函数 的 功能 是 将 以 数字 开头 的 字符 串 转换 为 浮 点 数 ,例如 : 


var test = parseFloat("200.5abc"); //test 的 值 为 200.5 


(4) Number( 字 符 串 )。 
该 函数 的 功能 是 将 数字 字符 串 转 换 为 数字 ,字符 串 中 有 非 数字 字符 则 返回 NaN. 
例如 : 


var test = Number("200.5abc"); //test 的 值 为 NaN 


【 例 1.7】 编写 网 页 examplel 7. html. ÆW Xt rf ii A fii Hl JavaScript 程序 打印 出 九 九 





2*1-2 2*2-4 

341-3 3*2-6 343-9 

种 1=4 4*2-8 4*3-12 4*4-16 

5*1-5 5*2-10 5*3-15 5*4-20 5*5-25 

6*1-6 6*2-12 6*3-18 6*4-24 6*5-30 6*6-36 

?+#+1=7 T*2-14 T*3-21 T*4-28 T*5-35 T*6-42 T*T-49 

8*1-8 8*2-16 8*3-24 8*4-32 8*5-40 8*6-48 8*T-56 8*8-64 

9«1-9 9*2-18 9*3-27 9*4-36 9*5-45 9*6-54 9*7=63 9*8-T2 9*9-81 


图 1. 19 九 九 乘法 表 
例 1.7 页 面 文件 examplel_7. html 的 代码 如 下 : 


<!DOCTYPE html PUBLIC " - //W3C//DTD HTML 4. 01 Transitional//EN" 
"http://www. w3. org/TR/htn14/1oose. dtd" 
<html> 
< head> 
< meta http - equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
«title» examplel_7. html </title> 
< script type = "text/javascript"> 
for(var i = 1;i<= 9; i++){ 
for(var j = 1; j<= i; j++){ 
document. write( i + "*" + j+"=" +ixj+"");  // 在 页 面 输出 
} 
document. write("< br>"); 
} 
</script> 
</head> 
< body> 
</body> 
«/htnl» 


5) 函数 调用 
CD 在 链接 中 调用 函数 。 用 户 单 击 链接 时 , 即 调用 函数 ,格式 如 下 : 


<a href = "javascript : M% "> -</a > 
在 链接 中 调用 函数 的 示例 代码 如 下 : 


<html> 

< head» 
< meta http ~ equiv = "Content ~ Type" content = "text/html; charset = UTF - 8"> 
< title > 链接 调用 函数 </title> 
< script type = "text/javascript"> 
function gogo( ){ 

alert(" 被 链接 调用 的 函数 "); 

} 
</script> 

</head> 

<body> 
<a href = "javascript:gogo( )"> 链 接 调用 函数 </a> 


TI 
{E 
</body> C 
</html> 


(2) 由 事件 触发 调用 函数 。 触 发 事件 调用 函数 ,格式 如 下 
事件 = "函数 " 
乔 发 事件 调用 函数 的 示例 代码 如 下 


«html» 
X head» 


< neta http - equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
<title> 事 件 触 发 调用 函数 </title> 
< script type = "text/javascript"> 
function gogo(param)( 
alert(param); 
) 
«/script» 
</head> 
< body> 
< form action = ""> 


< input type = "button" value - "点 击 我 "onclick = "gogo('0(N_N Jo 哈哈 一 ')"/> 
</form> 
</body> 
</html> 


一 个 JavaScript 对 象 中 可 包含 若干 属性 和 方法 。 属 性 是 描述 对 象 的 状态 RH". " 运 
算 符 访问 属性 。 方 法 是 描述 对 象 的 行为 动作 ,对 象 用 “. ”运算 符 调用 方法 。 

1) 对 象 创建 

使 用 new 关键 字 来 创建 对 象 ,例如 : 


var oStringObject = new String(); 


如 果 构 造 函 数 无 参数 , 则 不 必 加 括号 。 
2) JavaScript 内 部 对 象 。 
(1) 数组 (Array) 对 象 。 
O 创建 数组 。 示 例 代 码 如 下 : 


var myArray = new Array(); // 新 建 一 个 长 度 为 0 的 数组 
var myhrray = new Àrray(100); // 新 建 一 个 长 度 为 100 的 数组 
var myArray = new Àrray(1,2,3); // 新 建 一 个 指定 长 度 的 数组 ,并 赋 初 值 


数组 长 度 不 固定 ,赋值 即 可 改变 长 度 。 数 组 的 主要 属性 为 length, 返 回 数组 长 度 。 
Q 数组 的 常用 方法 。 
reverse 方 法 : 将 JavaScript 数组 对 象 内 容 反 转 。 
concat 方法 : 将 两 个 或 更 多 数组 组 合 在 一 起 ,例如 : 


var newArray = tmpArray.concat(tmpArray); 


BH) 


join 方法 : 返回 一 个 将 数组 所 有 元 素 用 指定 符号 连 在 一 起 的 字符 串 ,例如 : 
var newString = tnpArray. join("."); 


popOJrik: 移 除数 组 中 的 最 后 一 个 元 素 并 返回 该 元 素 。 
shift() 方 法 : 移 除数 组 中 的 第 一 个 元 素 并 返回 该 元 素 。 
slice 方法; 返回 数组 的 一 部 分 ,例如 : 


var newArray = tmphrray.slice(1,3); 
C) 数组 的 使 用 。 示 例 代码 如 下 : 


< script type = "text/javascript"> 

var myArray = new Array(); 

for(var i = 0;i«5; i++){ 
myArray[i] = i; 

} 

for(var j = 0; j< myArray. length; j++){ 
alert(myArray[j]); 

} 


</script> 


(2) 日 期 (Date) 对 象 。Date 对 象 可 以 用 来 表示 任意 的 日 期 和 时 间 。 
(D 创建 Date 对 象 。 必 须 使 用 new 运算 符 创 建 一 个 Date 对 象 。 示 例 代码 如 下 : 


var date = new Date("July 8,2012"); //2012 年 7 月 8 日 

var date = new Date(2012,7,8); //2012 年 7 月 8 日 

var date = new Date("2012/7/8") ; //20124£7 H 8 H 

var date = new Date(Milliseconds); // 自 1970 年 1 月 1 日 以 来 的 毫秒 数 创建 的 日 期 对 象 
var date = new Date(); // 当 前 系统 的 时 间 对 象 


© 获取 日 期 的 时 间 方 法 。 

getYear(): 返回 年 数 。 

getMonthO ; 返回 当月 号 数 ( 比 实际 值 小 D 
getDate(): 返回 当日 号 数 。 

getDay(): 返回 星期 几 (0 表示 周 日 ) 。 
getHours(): 返回 小 时 数 。 

getMinutesO ; 返回 分 钟 数 。 

getSecondsO : 返回 秒 数 。 

getTimeO ; 返回 毫秒 数 。 

C 设置 日 期 和 时 间 的 方法 。 

setYearO ; 设置 年 数 。 

setMonthO ; 设置 当月 号 数 (set6 表示 7 H). 
setDateO ; 设置 当日 号 数 。 

setHoursO ; 设置 小 时 数 。 

setMinutesO : 设置 分 钟 数 。 

setSeconds() ; 设置 秒 数 。 
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setTimeO ; 设置 毫秒 数 。 v 
&) Date 对 象 的 使 用 。 示 例 代码 如 下 : 
< script type = "text/javascript"> 
var date = new Date("2050/12/25"); 
document. write("2050 的 圣诞 节 是 星期 " + date. getDay() + "< br>"); 
var datenow = new Date(); // 得 到 当前 日 期 对 象 
var mills = date - datenow; // 两 个 Date 对 象 相 减 得 到 两 个 日 期 的 时 间 间 隔 ( 单 位 是 毫秒 ) 
document. write("2050 的 圣诞 节 距离 现在 还 有 "+mills + "毫秒 < br >"); 
</script > 
(3) String 对 象 。 
(D 创建 String 对 象 。 示 例 代 码 如 下 : 


var firstString = "This is a string"; 
var secondString = new String("This is a string"); 
String 对 象 的 主要 属性 为 length, 返 回 字符 串 的 长 度 。 
Q) String 对 象 的 常用 方法 。 
charAt(i) : 返回 指定 索引 位 置 处 的 字符 ,索引 从 0 开始 。 
concat(str) ; 连接 字符 串 。 
indexOf(str) : 返回 String 对 象 内 第 一 次 出 现 子 字符 串 的 字符 位 置 (从 左 到 右 查 找 ) 。 
lastIndexOf(str) : 返回 String 对 象 中 子 字符 串 最 后 出 现 的 位 置 。 
replace(strl ,str2): 返回 将 strl 替换 为 str2 后 的 字符 串 。 
split(separator, limit): 将 字符 串 以 separator 作为 分 割 符 切割 成 多 个 子 字符 串 ,并 将 
它们 作为 一 个 数组 返回 ; 如 果 有 limit 参数 则 返回 数组 的 limit 个 元 素 。 
substringCstart. end) : 返回 一 个 指定 位 置 之 间 的 子 字符 串 ,不 包括 end. 
toLowerCase() : 返回 一 个 字符 串 ,字符 串 中 的 字母 被 转换 为 小 写字 母 。 
toUpperCaseO : 返回 一 个 字符 串 ,字符 串 中 的 字母 被 转换 为 大 写字 母 。 
@ String 对 象 的 使 用 。 示 例 代 码 如 下 : 


< script type = "text/javascript"> 
var firstString = "This is a string"; 
for(var i = 0; i< firstString.length; i**)( 

alert(firstString.charAt(i)); 

dio. 

(4) Math 对 象 。Math 对 象 是 一 个 全 局 对 象 ,使 用 时 不 需要 创建 。 

QD Math 对 象 的 属性 。 

LN10: 10 的 自然 对 数 。 

LN2; 2 的 对 数 。 

PI. 圆周 率 。 

SQRTI 2; 1/2 的 平方 根 。 

SQRT2: 2 的 平方 根 。 

@ Math 对 象 的 常用 方法 。 





abs(x): 返回 x 的 绝对 值 。 

ceil(x) : 返回 大 于 等 于 x 的 最 小 整数 。 
floor(x) : 返回 小 于 等 于 x 的 最 大 整数 。 
round(x): 伟人 到 最 近 整 数 。 

sqrt(x): 返回 x 的 平方 根 。 

random(): 返回 0 一 !1 的 随机 数 。 

© Math 对 象 的 使 用 。 示 例 代码 如 下 : 


< script type = "text/javascript"> 
alert(Math. SORT2) ; 
alert(Math. random( ) ) ; 
</script> 


[911.8] 编写 网 页 examplel 8. html, 在 网 页 中 定义 一 个 JavaScript 函数 ,功能 是 去 
除 字符 串 开头 及 末尾 的 空格 ,并 使 用 超 链接 来 调用 该 函数 。 
例 1.8 页 面 文件 examplel 8. html 的 代码 如 下 : 


<! DOCTYPE html PUBLIC " - //W3C//DTD HTML 4. 01 Transitional//EN" 
"http://www. w3. org/TR/htn14/1oose. dtd" 
<html> 
< head» 
< title> examplel_8. html </title> 
< script type = "text/javascript"> 
function print99(x)( 
while((x.length» 0) && (x.charAt(0) == '')) 
x = x.substring(1, x. length); 
while(x. length» 0&&(x.charAt(x.length- 1) == '')) 
x 7 x.substring(0, x. length - 1); 
alert("Kill=" + x + "==") 
return x; 
} 
</script> 
</head> 
< body> 
<a href = "javascript :print99(' abc def ')"> 点 击 我 啊 !</a> 
</body> 
«/htnl» 


5. JaaSarip 对 象 模型 

1) 浏览 器 对 象 模型 

浏览 器 对 象 是 提供 独立 于 内 容 而 与 浏览 器 窗口 进行 交互 的 对 象 。 浏 览 器 对 象 模 型 如 
图 1. 20 所 示 。 

2) window 对 象 

CD 打开 新 窗口 。 使 用 open() 方 法 可 打开 一 个 新 窗口 ,示例 代码 如 下 : 


var winObj = open("target.html", "target 1","width = 500, height = 300, scrollbars = no"); 
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图 1.20 浏览 器 对 象 模型 


open() 方 法 有 3 个 参数 : 第 一 个 参数 代表 要 载 人 新 窗口 页 面 的 URL, 第 二 个 参数 代表 新 窗 


口 的 名 称 ,第 三 个 参数 代表 新 窗口 的 属性 ,多 个 属性 间 用 逗号 隔 开 。 
(2) 对 话 框 (与 用 户 交互 ) 方 法 。 
O alert()。 该 方法 的 功能 是 弹出 一 个 提示 框 。 示 例 代码 如 下 : 
< script type = "text/javascript"> 


alert(" 请 单 击 确定 按钮 1"); 


</script > 


运行 效果 如 图 1. 21 所 示 。 








图 1.21 具有 “确定 ”按钮 的 对 话 框 


@ prompt(message,defaultText) 。 该 方法 的 功能 是 弹出 可 以 输入 信息 的 文本 框 ,第 一 
个 参数 代表 用 户 输入 信息 的 提示 ,第 二 个 参数 代表 文本 框 的 默认 值 。 示 例 代码 如 下 : 


< script type = "text/javascript"> 
prompt("What's your name?", "chenheng") ; 
«/script» 


运行 效果 如 图 1.22 所 示 。 


@ confirm(message) 。 该 方法 的 功能 是 弹出 对 话 框 ,提示 确认 信息 。 示 例 代 码 如 下 : 


(m 


EL 
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Explorer 用 户 提示 





MERT: 


What’s your nane? E 
取消 

















图 1.22 用 户 输入 对 话 框 


< script type = "text/javascript"> 
证 (confirm(" 真 的 删除 吗 ?") ){ 
// 单 击 " 确 定 "按钮 后 的 操作 
}else{ 
// 单 击 "取消 "按钮 后 的 操作 
} 


</script> 





运行 效果 如 图 1. 23 所 示 。 图 1.23 确认 对 话 框 
3) history 对 象 
history 对 象 记录 着 浏览 器 所 浏览 过 的 每 一 个 页 面 ,这 些 页 面 组 成 了 一 个 历史 记录 列 
它 有 以 下 3 个 主要 方法 。 
forwardO ; 将 历史 记录 向 前 移动 一 个 页 面 。 
back(): 将 历史 记录 向 后 移动 一 个 页 面 ,在 网 页 中 经 常 使 用 该 方法 提供 一 个 “返回 ”的 
功能 。 

goO ; 转向 历史 记录 中 指定 的 地 址 ,使 用 此 方法 需要 一 个 参数 ,参数 可 以 是 正 负 整数 或 
字符 串 。 如 果 参 数 是 字符 串 ,那么 浏览 器 就 会 搜索 列表 ,找到 最 接近 当前 页 面 位 置 且 URL 
地 址 中 含有 此 字符 串 的 页 面 ,然后 转 到 该 页 面 。 

history 对 象 的 使 用 ,示例 代码 如 下 : 


» 


history.go( -3); // 向 后 返回 3 个 访问 过 的 页 面 
histroy.go(3); // 向 前 返回 3 个 访问 过 的 页 面 
history. back(); // 与 history. go( - 1); 功 能 相同 
history. forward( ) ; // 与 history.go(1); 功 能 相同 


4) location 对 象 
window 对 象 的 location 属性 可 以 直接 改变 URL 地 址 : 


window. location = "http://www. baidu. com" ; 
或 
location = "http://www. baidu. com" ; 


还 可 以 使 用 location 对 象 的 href 属性 或 replace(URL) 方 法 改变 URL 地 址 : 





location. href = "http://www. baidu. com" ; 
或 


location. replace("http://www. baidu. com") ; 


可 以 使 用 location 对 象 的 href 属性 清空 页 面 : 
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location. href = "about:blank";  //Ņ © iili 


5) document 对 象 

(1) forms 集合 。 在 同一 个 页 面 上 有 多 个 表单 ,通过 document. forms[] 数 组 获得 这 些 
表单 对 象 要 比 使 用 表单 名 称 方便 得 多 。 

(2) getElementById(id) 方 法 。 该 方法 的 功能 是 获得 指定 id 值 的 表单 控件 对 象 。 

(3) getElementsByName(name) 方 法 。 该 方法 的 功能 是 获得 指定 name 值 的 表单 控件 


对 象 ,返回 的 是 对 象 数组 。 
(4) 获取 表单 对 象 的 方法 。 获 取 表 单 对 象 的 方法 如 下 : 
document. forms[0]; // 通 过 forms 对 象 的 索引 
document. forms[ "myForn"]; // 通 过 forms 对 象 和 表单 名 称 
document. myForm; // 通 过 表单 名 称 


(5) document 对 象 的 使 用 。document 对 象 的 使 用 ,示例 代码 如 下 : 


<html> 
€ head» 


« title» The Document Object </title> 
< script type = "text/javascript"» 
function testMethod() ( 


} 


//(1) 通 过 表单 获取 控件 

var name 1 = document. forms[0]. naneTest; 
alert("name 1-7" + name 1.value); 

var name 2 = document. forms([ "nyForn"]. naneTest; 
alert("name 2=" + name 2.value); 

var name 3 = document. myForm. nameTest; 
alert("name 3=" + name 3.value); 

var name 4 = document. myForm. elements["nameTest"]; 
alert("name 4=" + name 4. value); 

//(2) 通 过 nane 获取 控件 

var name 5 = document. getElementsByNanme( "nameTest" ) ; 
alert("name 5[0] 2" + name 5[0]. value); 

// (3) 3 id 获取 控件 

var id 1 = document.getElementById("idTest"); 
alert("id 1-2" + id 1.value); 


«/script» 


</head> 


< body> 


< form name = "myForm"> 


通过 name 获取 :< input type= "text" name - "nameTest" value = "firstTextValue"> < br» 
<br> 通过 id 获取 :< input type= "text" id = "idTest" value = "secondTextValue"> 
<br> < input type = "button" value = "Click Me" onclick = "testMethod()"> 


</form> 


</body> 


</html> 


6. 操作 HIM. 

1) 事件 处 理 

通常 将 鼠标 或 热 键 的 动作 称 为 事件 。 由 鼠标 或 热 键 引发 的 一 连 串 程序 的 动作 , 称 为 事 
件 驱 动 。 对 事件 进行 处 理 的 程序 或 函数 称 为 事件 处 理 程序 。 

CD 窗口 或 页 面 的 事件 处 理 。 窗 口 或 页 面 的 事件 处 理 如 表 1. 7 所 示 。 


表 1.7 窗口 或 页 面 的 事件 处 理 

















事 件 说 明 

onBlur 当前 元 素 失去 焦点 时 触发 
onFocus 当 某 个 元 素 获 得 焦点 时 触发 
onLoad 页 面 内 容 完 成 装载 时 触发 
onUnload 当前 页 面 被 退出 或 重 置 时 触发 


(2) 键盘 或 鼠标 的 事件 处 理 。 键 盘 或 鼠标 的 事件 处 理 如 表 1. 8 所 示 。 
is 键盘 或 鼠标 的 事件 处 理 
































事 件 说 明 
onClick 当 鼠 标 单 击 时 触发 
onDblClick 当 鼠 标 双击 时 触发 
onMouseDown 当 按 下 鼠标 时 触发 
onMouseMove 当 鼠 标 移动 时 触发 
onMouseOut 当 鼠 标 离开 某 对 象 范围 时 触发 
onMouseOver 当 鼠 标 移动 到 某 对 象 范围 的 上 方 时 触发 
onMouseUp 当 鼠 标 按 下 后 松 开 鼠标 时 触发 
onKeyPress 当 键 盘 上 某 个 键 被 按 并 且 释 放 时 触发 
onKeyDown 当 键盘 上 某 个 键 被 按时 触发 
onKeyUp 当 键盘 上 某 个 键 被 释放 时 触发 





(3) 表单 元 素 的 事件 处 理 。 表 单元 素 的 事件 处 理 如 表 1. 9 所 示 。 
表 1.9 表单 元 素 的 事件 处 理 


























表单 元 素 主要 事件 
button( 按 钮 7 onClick onBlur onFocus 
checkbox & 3 fi£ ) onClick onBlur onFocus 
file( 上 传 文件 ) onClick onBlur onFocus 
password( 密 码 框 ) onBlur onFocus onSelect 
radio( 单 选 按钮 ) onClick onBlur onFocus 
select( 列 表 ) onFocus onBlur onChange 
text( 文 本 框 ) onClick onBlur onFocus onChange 
textarea( 文 本 区 ) onClick onBlur onFocus onChange 
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(4) 事件 处 理 模 型 。 在 JavaScript 中 对 事件 的 处 理 程序 通常 由 函数 完成 ,事件 一 “函数 
名 ”, 例 如 : 


<html> 
<head> 
<title> The Document Object </title> 
< script type = "text/javascript"> 
function testMethod() { 
alert(" 事 件 处 理 模型 "); 
} 
</script > 
</head> 
<body> 
< form name = "myForm"> 
< input type = "button" value = "Click Me" onclick = "testMethod()" > 
</form> 
</body> 
</html> 


2) 表单 元 素 

CD 表单 元 素 的 通用 属性 与 方法 。 

form 属性 : 获取 该 表单 控件 所 属 的 表单 对 象 。 
name 属性 : 获取 或 设置 表单 控件 的 名 称 。 
type 属性 : 获取 表单 控件 的 类 型 。 

value 属性 : 获取 和 设置 表单 控件 的 值 。 
focus 方法 : 让 表单 控件 对 象 获 得 焦点 。 


blur 方 法 : 让 表单 控件 对 象 失 去 焦点 。 
表单 元 素 的 通用 属性 及 方法 的 示例 代码 如 下 : 
<html> 

€ head» 


«title» form</title> 
< script type = "text/javascript"» 
// 显 示 属 性 
function test() { 
var text name = document.myForm.text name; 
alert("text name.form-" + text name.form. nane 
+ "Antext name.name- " + text name. name 
+ "Antext name.type- " + text name. type 
+ "Antext name.value- " + text name.value 
+ "Antext name.defaultValue = ”+ text name.defaultValue); 
) 
// 获 得 焦点 
function do_focus() { 
document. myForm. text_name. focus(); 
) 
// 失 去 焦点 
function do_blur() { 
document. myForm.text name.blur(); 


) 
</script> 
</head> 
< body> 
< form name = "myForm"> 
< input type = "text" name = "text_name" value = "textValue">< br > 
< input type = "button" name = "button 1" value = "显示 属性 " onclick = "test()"> « br» 
< input type = "button" name = "button 2" value = "获得 焦点 " onclick = "do_focus()"> 
<br> 
< input type = "button" name = "button 3" value = "失去 焦点 " onclick = "do blur()"» 
</form> 
</body> 
</html> 


(2) 文本 框 。 

value 属性 : 获得 文本 框 的 值 , 值 是 字符 串 类 型 。 
defaultValue 属性 : 获得 文本 框 的 默认 值 , 值 是 字符 串 类 型 。 
readonly 属性 : 只 读 ,文本 框 中 的 内 容 不 能 修改 。 

focus 方法 : 获得 焦点 , 即 获得 鼠标 光标 。 

blur 方 法 : 失去 焦点 。 

select 方法 : 选中 文本 框 内 容 ,突出 显示 输入 区 域 。 

文本 框 的 示例 代码 如 下 : 


<html> 
< head> 
<title> 文 本 框 求 和 </title> 
< script type "text/javascript"» 
function add(){ 
var sum= 0; 
var text lValue- document.forms[0].text 1.value; 
var text 2Value = document. forms[ 0]. text_2. value; 
sum = Number(text lValue) + Number(text 2Value); 
document. forms[0]. text 3.value = sum; 
) 
</script> 
</head> 
< body> 
< form name = "form1" method = "post" action = ""» 
< input type = "text" name = "text 1" value = "">< br > 
< input type = "text" name = "text 2" value = "">< br> 
< input type = "text" name = "text 3" value = "">< br > 
< input type = "button" value = ";K fl" onclick = "add()"» 
</form> 
</body> 
</html> 


G) 复 选 框 。 


checked 属性 : 复 选 框 是 否 被 选中 ,选中 为 true, 未 选中 为 false。 
value 属性 : 设置 或 获取 复 选 框 的 值 。 


复 选 框 的 示例 代码 如 下 : e^ 


<html> 
X head» 
<title> 复 选 框 反选 </title> 
< script type = "text/javascript"> 
function unSelect() { 
var n = document. forms[0].check. length; // 得 到 复 选 框 的 个 数 
for ( var i = 0; i<n; i++){ 
if (document. forms{ 0]. check{[ i]. checked) { 
document. forms[0]. check[ i]. checked = false; 
} else { 


document. forms[0].check[i].checked = true; 
} 
} 
} 
</script> 
</head> 
< body> 


< form action = ""> 
< input type = "checkbox" name = "check" value = "0" /> aaa<br> 
< input type = "checkbox" name = "check" value = "1" /> bbb<br> 
< input type = "checkbox" name = "check" value = "2" /> cce <br> 
< input type = "checkbox" name = "check" value = "3" /> ddd< br» 
< input type = "checkbox" name = "check" value= "4" /> eee<br> 
< input type = "checkbox" name = "check" value = "5" /> fff <br> 
< input type = "button" value = "反选 " onclick = "unSelect()"» 

</form> 

</body> 
</html> 


(4) 单 选 按钮 。 

checked 属性 : 单 选 按钮 是 否 被 选中 ,选中 为 true, 未 选中 为 false。 
value 属性 : 设置 或 获取 单 选 按 钮 的 值 。 

单 选 按钮 的 示例 代码 如 下 : 


<html> 
<head> 
<title> 弹 出 单 选 按钮 的 值 </title> 
< script type = "text/javascript"> 
function gg() { 
var n = document. forms[0]. sex. length; 
for ( var i = 0; i< n; i++) { 
if (document. forms[0]. sex[ i]. checked) ( 
alert(document. forms[0]. sex[ i]. value); 


} 
</script> 
</head> 


<body> 
< forn action- ""» 
< input type = "radio" name = "sex" value - "male" onclick = "gg()" /> $ 
< input type = "radio" name = "sex" value = "female" onclick- "gg()" /» Xr 
</form> 
</body> 
</html> 


(5) 下 拉 列 表 。 

length 属性 : 选项 个 数 。 

selectedIndex 属性 : 当前 被 选中 选项 的 索引 。 

options 属性 : 所 有 的 选项 组 成 一 个 数组 ,options 表示 整个 选项 数组 ,第 一 个 选项 即 为 
options[0] ,第 二 个 即 为 options[1], 其 他 以 此 类 推 。 

option 的 value 属性 : option 标记 中 value 所 指定 的 值 。 

option 的 text 属性 : 显示 于 界面 中 的 文本 , 即 过 option 记 ... 达 /option 志 之 间 的 部 分 。 

增加 选项 : 每 个 选项 都 是 一 个 option 对 象 ,可 以 创建 option 对 象 ,然后 添加 到 select 的 
末尾 。 例 如 ， 


select.options[select.length] = new Option(text, value); 
下 拉 列 表 的 示例 代码 如 下 : 


<html> 
<head> 
<title> 下 拉 列 表 的 应 用 </title> 
< script type = "text/javascript"> 
function gg() { 
var opObject = document. forms[0].elements["cities"]; // 获 得 列表 对 象 
for ( vari = 0; i< opObject.options.length; i++) {  // 使 用 options 属性 


if (opObject. options[i]. selected) { // 找 到 被 选中 的 选项 
alert(opObject. options[i]. value); // 弹 出 选中 选项 的 值 
alert(opObject. options[i]. text); // 弹 出 选中 选项 的 文本 
} 
} 
// 为 列表 新 增 选 项 
opObject. options[ opObject. length] = new Option(" 新 增 " + 1, "new" + 1); 
} 
</script > 
</head> 
<body> 


< form action = ""> 
< select name = "cities" onchange = "gg()"> 
< option value = "dalian"> 大 连 </option> 
< option value = "beijing"> 北 京 </option > 
< option value = "shanghai"> 上 海 </option > 
< option value = "guangzhou"> 广 州 </option> 
</select> 
</form> 
</body> 





</html> 


7. 表单 验证 

用 户 在 表单 中 输入 的 内 容 提交 到 服务 器 之 前 ,在 客户 端 利用 表单 控件 产生 的 事件 ,运用 
JavaScript, 验 证 用 户 输入 数据 的 有 效 性 。 

1) 正则 表达 式 

表单 验证 常用 的 正则 表达 式 如 下 。 


验证 邮政 编码 : /^\d{6} $ / 

验证 身份 证 号 码 : /^\d{15} $ |^\d{18} $ |^\d{17}[xX] $/ 

验证 电子 邮箱 地 址 : /^w+ (( 一 \w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9] 
+)*\.[A-Za-z0-9]+ $/ 

验证 数字 或 英文 字母 : /*[a-z0-9]+ $/ 

验证 日 期 格式 : 
/((((1[8-9]\df2})1([2-9]\df3}))([-\ 人 A._])(1011210?[13578])([-\A._])(3[01]1[12][0 
-9]|0?[1-9])$)1(*((1[8-9]\dt2})1([2-9]\dft3})))([-\A._])(1110?[469])([-\ 人 ._]) 
(30|[12)[0 - 9]]0?[1-9]) $) | ^(C(1[8 - 9]1\d{2}) | (12 - 91\d{3})) CE 7 VA.) (022) (E 7 VA. 
-1)(2[0-8]|1[0-9]10?[1-9]) $)1(^([2468][048]00) ([ - VA. .1) (022) (L- VA...) (29) $)1 
(^([3579][26]00) ([ - VA...1) (022) (EL - VA...) (29) $ )1(*([1][89][0][48])([ 7 VA...) (022) 
(7 VA. .)(29) $)1 (2 7 91E0 7 9101E48]) CE 7 VA.) (022) (E 7 \/\. 1) (29) $ ) 1C (E11 
[89][2468][048]) ([ - VA...) (022) (L- VA...) (29) $)| ^([2 - 91[0 - 91[2468][048]) ([ - VA. 
-3)(022) (E - VA...1)(29) $)1(^(111189][13579][26]) CE 7 VA...) (022) (E 7 VA...) (29) $) 1 (° 
([2- 9)[0 - 9)[13579][26]) ([ - VA...) (022) (L - VA...) (29) $))/ 


正则 表达 式 的 应 用 示例 代码 如 下 : 


<html> 
<head > 
<title> 正 则 表达 的 应 用 </title> 
< script type = "text/javascript"» 
// 验 证 E-mail 
function checkEmail()( 
var exp- /^\w+ ((- Wt )| (V. Nw )) *NG[A-Za- 20-9] + ((V.] - )[A7 Za- z0- 
9] *) *V. [A7 Za- 20-9] * $ /; 
if(! exp. test(docunent. forns[0]. email.value))( 
alert("E- nail 格式 错误 !"); 
document. forms[0].email. focus(); 
return false; 
Jelse( 
alert("E- mail 格式 正确 !"); 
return true; 
} 
} 
</script > 
</head> 
<body> 
< form action = ""> 
Mail: < input type = "text" name = "email" /><br> 
< input type = "button" value = "提交 " onclick = "return checkEmail()" /> 
</form> 
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</body> 
</html> 


2) 表单 验证 实例 
验证 密码 域 : 不 能 为 空 ,长 度 要 大 于 等 于 6, 只 能 是 字母 或 数字 。 代 码 如 下 : 


<html> 
< head> 
<title> 表 单 验证 实例 </title> 
< script type = "text/javascript"> 
function valid(form)( 
// 验 证 非 空 
if(form. pass. value. length == 0){ 
alert("Please enter a password"); 
form. pass. focus() ; 
return false; 
} 
// 验 证 长 度 
if(form. pass. value. length < 6){ 
alert("Password must be at least 6 characters"); 
form. pass. focus() ; 
return false; 
} 
var exp= /^[a-z0-9]+ $/; 
// 验 证 格式 
if(! exp. test(form. pass. value) )( 
alert("Password contains illegal characters"); 
forn. pass. focus() ; 
return false; 
} 
alert("OK password") ; 
return true; 
I 
</script> 
</head> 
< body> 
< form action = ""> 
Enter your password: 
< input name = "pass" type = "password" /» 
< input type = "button" value = "submit password" onclick = "return valid(this. 
form)" /» 
</form> 
</body> 
</html> 





132 能 力 目标 


通过 本 节 的 学 习 , 掌 握 JavaScript 的 基本 语法 、 事 件 处 理 和 常用 对 象 ,能 够 编写 基本 的 
表单 验证 程序 。 
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1 任务 的 主要 内 容 

首先 ,编写 一 个 JS 文件 myTask3.js, 在 该 JS 文件 中 定义 一 个 判断 文本 框 值 非 空 的 函 
数 ; 然后 ,再 编写 一 个 HTML 文件 taskl_3. html, 在 该 HTML 文件 中 使 用 myTask3.js 的 
函数 验证 表单 中 文本 框 的 值 是 否 输入 。taskl_3. html 和 myTask3. js 在 同一 个 目录 下 。 
taskl 3. html 的 运行 效果 如 图 1. 24 所 示 。 


2 任务 的 代码 模板 用 户 名: 
myTask3.js 的 代码 模板 如 下 ， aii 
Æ 1.24 taskl_3. html 的 运行 效果 











function isNull(parameterObject, parameterName) { 
var parameterValue = parameterObject. value; 
if(parameterValue == "")( 
alert(parameterName + "不 能 为 空 "); 
return false; 
} 
return true; 


} 
taskl 3. html 的 代码 模板 如 下 : 


<!DOCTYPE html PUBLIC " — //83C//DTD HTML 4. 01 Strict//EN" 
"http://www. w3. org/ TR/htn14/strict.dtd"» 
<html> 
< head» 
< neta http - equiv = "Content - Type" content = "text/html; charset = UTF - 8"> 
<title> Insert title here</title> 
</head> 
< body> 
< form action = 
用 户 名 : < input type = "text" name = "username"【 代 码 1] = "return isNull (this, 
this. name)">< br> 
«t-- 代码 1 使 用 onblur 事件 调用 函数 isNu11 判断 文本 框 的 值 是 否 输入 --> 
密 &nbsp; 码 : < input type = "password" name = "userpwd"【 代 码 2〗>< br» 
<! -- 代码 2 使 用 onblur 事件 调用 函数 isNull 判断 密码 框 的 值 是 否 输入 --> 
</form> 
</body> 
【代码 3] <! -- 代码 3 使 用 script 标记 引入 myTask3. js 文件 --> 
</html> 


"> 


3. 任务 小 结 或 知识 扩展 

当 多 个 页 面 使 用 相同 的 JavaScript 代码 时 ,建议 将 共用 的 代码 保存 在 以 .js 为 扩展 名 的 
文件 中 ,然后 在 页 面 中 使 用 script 标记 引入 JS 文件 。 但 需要 注意 的 是 ,引入 JS 文件 可 能 会 
延迟 页 面 的 显示 。 所 以 ,在 不 影响 使 用 的 情况 下 ,页 面 最 后 引入 JS 文件 。 
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4 代码 模板 的 参考 答案 


【代码 1]: onblur 
【代码 2]: onblur = "return isNull(this, this. name)" 
【代码 3】: < script type = "text/javascript" src = "nyTask3. js"></script > 





134 实践 环节 


制作 一 个 用 户 注册 页 面 practicel 3. html, 具 体 要 求 如 下 。 

CD 有 常用 的 登录 账号 密码 ,确认 密码 、 姓 名 、 身 份 证 号 码 ( 只 考虑 18 位 的 身份 证 ) .出 
生年 月 日 .住址 .邮编 .E-mail 等 输入 区 域 (自己 设 定 )。 

(2) 自己 设 定 验 证 规则 ,在 提交 时 检验 是 否 符合 要 求 , 提 示 非 法 的 输入 ,并 将 焦点 返回 
要 输入 的 控件 对 象 。 

(3) 根据 出 生年 月 日 判断 身份 证 号 码 是 否 合法 (只 考虑 18 位 的 身份 证 ) 。 

(4) 其 他 验证 : 登录 账号 只 能 是 字母 或 数字 且 以 字母 开头 ; 密码 要 在 8 位 以 上 且 需 要 
有 字母 和 数字 之 外 的 字符 ; 出 生年 月 日 的 格式 为 yyyy-mm-dd; 邮编 为 6 位 数字 ; E-mail 的 
基本 格式 验证 。 











1.4 小 结 


本 章 简 要 介绍 了 HTML、CSS 和 JavaScript, 更 多 内 容 请 参考 其 他 教材 或 访问 http:// 


www. w3school. com. cn 网 站 。 
习 题 1 


1. 以 下 标记 中 ,用 于 设置 页 面 标题 的 是 ( Ji 
A. title B. caption C. head D. html 
2. 若 要 设计 网 页 的 背景 图 形 为 bg. png, 以 下 标记 中 ,正确 的 是 ( Ji 
A. <body background="bg. png"> 
B. <body bground="bg. png"> 
C. <body image="bg. png"— 
D. <body bgcolor="bg. png"— 
3. 关于 HTML 文件 的 说 法 正确 的 是 ( ) 。 
A. HTML 标记 都 必须 配对 使 用 
B. 在 一 title 之 和 到 /title 之 标签 之 间 的 是 头 信息 
C. HTML 标签 是 区 分 大 小 写 的 ,二 B> 与 过 b 过 表示 的 意思 是 不 一 样 的 
D. <! -一 > 标记 是 注释 标记 
4. 下 列表 示 的 不 是 按钮 的 是 ( y. 
A. type— "submit" B. type— "reset" 
C. type— "image" D. type="button" 
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5. 若 要 产生 一 个 4 行 30 列 的 多 行文 本 域 ,以 下 方法 中 ,正确 的 是 ( )。 
A. <input type="text" rows— "4" cols— "30" name= "txtintrol" — 
B. —textarea rows— "4" cols— "30" name= "txtintro"> 
C. «textarea rows— "4" cols— "30" name- "txtintro" ^ — /textarea> 
D. —textarea rows "30" cols— "4" name= "txtintro" 7 — /textarea> 
6. 用 于 设置 文本 框 显示 宽度 的 属性 是 ( Ja 
A. size B. maxlength C. value D. length 
7. 下 面 对 表 单 的 说 法 错误 的 是 ( Js 
A. 表单 在 Web 页 面 中 用 来 给 访问 者 填写 信息 ,从 而 能 采集 客户 端 信息 ,使 页 面具 
有 交互 信息 的 功能 
B. 当 用 户 填 写 完 信息 后 单 击 普通 按钮 做 提交 (submit) 操 作 
C. 一 个 表单 用 二 form 之 二 /form 过 标记 来 创建 
D. action 属性 的 值 是 指 处 理 程序 的 程序 名 (包括 网 络 路 径 、 网 址 或 相对 路 径 ) 
8. 下 面 说 法 错误 的 是 ( Js 
A. TE HTML 语言 中 ,input 标记 具有 重要 的 地 位 , 它 能 够 将 浏览 器 中 的 控件 加 载 到 
HTML 文档 中 ,该 标记 既 有 开始 标记 ,又 有 结束 标记 
B. <input type 二 "text" 之 是 设 定 一 个 单行 的 文本 输入 区 域 
C. size 属性 指定 控件 宽度 ,表示 该 文本 输入 框 所 能 显示 的 最 大 字符 数 
D. maxlength 属性 表示 该 文本 输入 框 允许 用 户 输 入 的 最 大 字符 数 
9. 下 面 对 于 按钮 的 说 法 中 正确 的 是 ( 中 
A. 按钮 可 分 为 普通 按钮 .提交 按钮 和 重 置 按钮 
B. <input type 王 "button" 过 表示 这 是 一 个 提交 到 服务 器 的 按钮 
C. <input type— "reset" ^A; AE — 4 1538 TZ £l 
D. name 属性 用 来 指定 按钮 页 面 显示 的 名 称 
10. 下 面 说 法 中 错误 的 是 (。”)。 
A. <input type= "checkbox " checked ,其 中 checked 属性 用 来 设置 该 复 选 框 默 
认 时 是 否 被 选中 
B. <input type 二 "hidden" 二 表示 一 个 隐藏 区 域 。 用 户 可 以 在 其 中 输入 某 些 要 传 
送 的 信息 
. <input type 一 "password" 之 表示 这 是 一 个 密码 区 域 。 当 用 户 输入 密码 时 ， 
域内 将 会 显示 “* ”号 
D. <input type="radio" > KIR A lé — 4 Hx f £l 
1l. 下 列 说 法 中 错误 的 是 ( . 
A. 所 select> 所 /select> 标 记 对 用 来 创建 一 个 菜单 下 拉 列 表 框 
B. 下 拉 列 表 框 中 multiple 属性 不 用 赋值 ,直接 加 入 标记 中 即 可 使 用 ,加 入 此 属性 
后 列表 框 就 可 多 选 
C. 过 option> 标 记 用 来 指定 列表 框 中 的 一 个 选项 
D. 不 可 以 设 定 输入 多 行 的 文本 区 的 大 小 
12. 下 面 对 样 式 表 的 说 法 中 错误 的 是 ( D. 

















区 





Q 
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A. CSS 就 是 Cascading Style Sheets. P XC BEA AREAK”, MERK 

B. 将 CSS 指定 的 格式 加 入 HTML 中 的 方法 有 两 种 

外 部 链接 CSS 时 需要 在 HTML 文件 里 加 一 个 超 链接 ,链接 到 外 部 的 CSS 文档 

.内 定义 CSS 时 需要 在 HTML XFA H <head>... </head> cid È H, Jil — 
Et CSS 的 描述 内 容 


pn 


. 下 面 对 样 式 表 的 说 法 中 错误 的 是 ( D. 


A. CSS 的 定义 是 由 3 个 部 分 构成 : 选择 符 (selector) 、 属 性 (properties) 和 属性 的 
取 值 (value) 

B. 选择 符 可 以 是 多 种 形式 ,一 般 是 要 定义 样式 的 HTML 标记 ,可 以 通过 此 方法 定 
义 它 的 属性 和 值 ,属性 和 值 要 用 逗号 隔 开 

C. CSS 可 以 定义 字体 属性 

D. CSS 可 以 定义 颜色 和 背景 属性 


. 下 列 说 法 中 错误 的 是 (。”)。 


A. p (font-family; "sans serif"}) 定 义 段落 字体 为 sans serif 

B. p (text-align: center; color: red) 定 义 段落 居中 排列 ; 并 且 段 落 中 的 文字 为 
红色 

C. background-image 属性 用 来 设置 背景 图 片 

D. background-color 属性 用 来 设置 背景 颜色 


C ， ) 对 象 表示 浏览 器 的 窗口 ,可 用 于 检索 关于 该 窗口 状态 的 信息 。 


A. document B. window C. location D. history 


C OX ion fog WI d BE HUP) HTML 文档 ,用 于 检索 关于 文档 的 信息 。 


A. document B. window C. screen D. history 
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A. backO B. goO C. displayO D. viewO 


. 有 关 变 量 的 命名 规则 ,下 列 说 法 中 错误 的 是 ( OO. 


A. 以 字母 .下 划 线 (_) 或 美元 符号 ($ ) 开 头 

B. 首 字符 之 外 的 字符 可 以 是 下 划 线 、 美 元 符号 或 任何 的 字母 数字 
C. 不 能 有 空格 ,不 区 分 大 小 写 

D. 不 能 使 用 JavaScript 中 的 关键 字 或 保留 字 命 名 


. 单 击 按钮 触发 的 事件 是 ( D. 


A. onClick B. onFocus C. onChange D. onLoad 


. 页 面 加 载 时 产生 的 事件 是 ( D. 


A. onClick B. onFocus C. onChange D. onLoad 
请 用 HTML 编写 网 页 版 个 人 简历 。 具 体 要 求 如 下 。 


(1) 页 面 内 容 以 DIV 十 CSS 形式 体现 。 
D 信息 内 容 包 括 个 人 基础 信息 、 近 期 照片 .学 习 经 历 、 兴 趣 爱 好 求职 意向 。 








JSP 是 Java Server Pages(Java 服务 器 页 面 ) 的 简称 ,是 基于 Java 语言 的 一 种 Web 应 用 
开发 技术 ,是 由 Sun 公司 倡导 ,多 家 公司 共同 参与 建立 的 一 种 动态 网 页 技术 标准 。 

在 学 习 JSP 之 前 ,读者 应 具有 Java 语言 基础 以 及 HTML 语言 方面 的 知识 。 本 章 2. 2 
节 通 过 一 个 简单 的 Web 应 用 介绍 JSP 项 目 开发 的 基本 步骤 ,这 些 基本 步骤 对 后 续 章 节 的 学 
习 是 极其 重要 的 。 


2.1 构建 开发 环境 








211 核心 知识 


所 谓 “ 工 欲 善 其 事 , 必 先 利 其 器 ”, 在 开发 JSP 应 用 程序 时 ,需要 事先 构建 其 开发 环境 。 

1. Jaa FRIRE 

JSP 引擎 需要 Java 语言 的 核心 库 和 相应 编译 器 ,在 安装 JSP 引擎 之 前 ,需要 安装 Java 
标准 版 (Java SEO 提供 的 开发 工具 包 JDK。 登 录 http://www. oracle. com/technetwork/ 
java, TE Software Downloads 列表 中 选择 Java SE 提供 的 JDK ,例如 Java Platform (JDK) 
7u3。 根 据 操作 系统 的 位 数 ,下 载 相应 的 JDK, 例 如 32 位 的 系统 使 用 32 位 的 JDK。 本 书 采 
用 的 JDK 是 jdk-7u3-windows-x64. exe。 

2 JSP 引擎 

运行 包含 JSP 页 面 的 Web 项 目 还 需要 一 个 支持 JSP 的 Web 服务 软件 ,该 软件 也 称 作 
JSP 引擎 或 JSP 容器 ,通常 将 安装 JSP 引擎 的 计算 机 称 为 一 个 支持 JSP 的 Web 服务 器 。 目 
前 ,比较 常用 的 JSP 引擎 包括 Tomcat, JRun, Resin, WebSphere, WebLogic 等 ,本 书 采 用 的 
是 Tomcat。 

登录 Apache 软件 基金 会 的 官方 网 站 http://jakarta. Apache. org/tomcat ,下载 Tomcat 
7.0 的 免 安 装 版 (apache-tomcat-7. 0. 57. zip)。 登 录 网 站 后 ,首先 在 Download 列表 中 选择 
Tomcat 7.0, 然 后 在 Binary Distributions 的 Core 中 选择 zip 即 可 。 








3. Edipse 

为 了 提高 开发 效率 ,通常 还 需要 安装 IDE( 集 成 开发 环境 ) 工 具 , 本 书 使 用 的 IDE 工具 
是 Eclipse. Eclipse 是 一 个 可 用 于 开发 JSP 程序 的 IDE 工具 。 登 录 http://www. eclipse. 
org, Æ Downloads 列表 中 选择 Eclipse IDE for Java EE Developers. 然后 在 Download 
Links 列表 中 ,根据 操作 系统 的 位 数 ,下 载 相应 的 Eclipse。 本 书 采用 的 Eclipse 是 eclipse- 
jee-luna-SR1-win32-x86_64. zip, 


21.2 能 力 目 标 
安装 与 配置 JSP 的 运行 环境 。 
213 任务 驱动 


任务 的 主要 内 容 如 下 。 

(D JDK 的 安装 与 配置 。 
(2) Tomcat 的 安装 与 启动 。 
(3) Eclipse 的 安装 与 配置 。 


1. JDK 的 安装 与 配置 

1) 安装 JDK 

双击 下 载 后 的 jdk-7u3-windows-x64. exe 文件 图 标 , 出 现 安装 向 导 界 面 ,选择 接受 软件 
安装 协议 。 建 议 采 用 默认 的 安装 路 径 C:\Program Files\Java\jdk1. 7.0_03。 需 要 注意 的 
是 ,在 安装 JDK 的 过 程 中, JDK 还 额外 提供 一 个 Java 运行 环境 JRE (Java. Runtime 
Environment) ,并 提示 是 否 修 改 JRE 默认 的 安装 路 径 C:\program Files\Java\JRE7 ,建议 
采用 该 默认 的 安装 路 径 。 

2) 配置 系统 环境 变量 

安装 JDK 平台 之 后 需要 进行 几 个 系统 环境 变量 的 设置 。 

CD 配置 系统 环境 变量 Java_Home。 在 Windows 7 系统 下 , 右 击 “ 计 算 机 ”图 标 ,在 弹 
出 的 菜单 中 选择 “属性 ”命令 , 单 击 “ 高 级 系统 设置 "按钮 , 单 击 “ 环 境 变 量 ” 按 钮 ,在 “新 建 系统 
变量 ”对 话 框 的 “变量 名 ”文本 框 中 输入 Java_Home, 在 “变量 值 ” 文 本 框 中 输入 C:\Program 
Files\Java\jdk1.7.0_03, 如 图 2. 1 所 示 。 




















C:\Program Files\Java\jdkl. 7.0_03| 











确定 | [ 取消 























2.1 “新 建 系统 变量 ”对 话 框 


(2) 编辑 系统 环境 变量 Path。 双 击 系统 变量 Path 进行 编辑 操作 ,在 “变量 值 ” 文 本 框 中 
的 最 前 面 追 加 “C:\Program Files\Java\jdk1.7.0_03\bin;”, 如 图 2. 2 所 示 。 
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EI m 
变量 名 名 Path 
zAV | Files\Java\jdkl. 7.0_03\bin:D: Vorac| 








图 2. 2 “编辑 系统 变量 ”对 话 框 


2 Tomcat 的 安装 与 启动 
安装 Tomcat 之 前 需要 事先 安装 JDK。 将 下 载 的 apache-tomcat-7. 0. 57. zip 解压 到 磁 
盘 的 某 个 分 区 中 ,比如 解压 到 D:\, 解 压缩 后 将 出 现 如 图 2. 3 所 示 的 目录 结构 。 








ioi atn 
GO: DAapache-tomcat-7.0.57] [5 || 2 aco. P 





XO SSO SEV IAD 帮助 (H) 
组 织 ” 包含 到 库 中 ” HEY MHR 


T e 
E FE 旧 bin 

m su Ji conf 
ime db 

ji logs 

Ji temp 

Ji webapps 

bi work 

Lj ucENSE 
NOTICE 
RELEASE-NOTES 

目 RuNNING.bt 














« m , 
图 2.3 Tomcat 目录 结构 


执行 Tomcat 根 目录 中 bin 文件 夹 中 的 startup. bat 文件 来 启动 Tomcat 服务 器 。 执 行 
startup. bat 文件 启动 Tomcat 服务 器 会 占用 一 个 MS-DOS 窗口 ,出现 如 图 2.4 所 示 的 界 
面 ,如 果 关 闭 当 前 MS-DOS 窗口 将 关闭 Tomcat 服务 器 。 


Deploying web application directory D:\apache-tomcat-7.0.57\Wwebapps ROOT 
二 月 23, 2814 9:57:28 下 午 org.apache.catalina.startup.HostConfig deployDirect| 


: Deployment of web application directory D:Napache-toncat-7.8.57webapps NRO 
finished in 97 ms 
, 2014 9:57:20 下 午 org.apache.coyote.ñbstractProtocol start 
Starting ProtocolHandler ["http-bio-8880' 


i 月 23, 2014 9:57:20 下 午 org.apache.coyote.fibstractProtocol start 
Starting ProtocolHandler ["ajp-bio-8889"] 

TH 23, 2014 9:57:20 下 午 org.apache.catalina.startup.Catalina start 
Server startup in 1981 ms 





图 2.4 执行 startup. bat 文件 启动 Tomcat 服务 器 


Tomcat 服务 器 启动 后 ,在 浏览 器 的 地 址 栏 中 输入 http://localhost: 8080, 将 出 现 如 
图 2. 5 所 示 的 Tomcat 测试 页 面 。 
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[Apache Tomcat/7.0.57 x 
€ > Q [ilocalhost8080 











Home Documentation Configuration Examples Wiki Mailing Lists 


Find Help. 
Apache Tomcat/7.0.57 The Apache Software Foundation 
http://www.apache.org/ 


If you're seeing this, you've successfully installed Tomcat. 
Congratulations! 


™ Recommended Reading: 


Security Considerations HOW-TO 





2.5 Tomcat 测试 页 面 


3. Edipse 的 安装 与 配置 


使 用 Eclipse 开发 JSP 程序 之 前 ,需要 对 JDK, Tomcat 和 Eclipse 进行 一 些 必要 的 配 
置 。 因 此 ,在 安装 Eclipse 之 前 ,应 该 事先 安装 JDK 和 Tomcat. 
1) 安装 Eclipse 


Eclipse 下 载 完 成 后 ,解压 到 自己 设置 的 路 径 下 , 即 可 完成 安装 。Eclipse 安装 后 ,双击 


Eclipse 安装 目录 下 的 eclipse. exe 文件 ,启动 Eclipse。 在 初次 启动 时 ,需要 设置 工作 空间 ， 
比如 将 工作 空间 设置 为 D:\JSP workspace, 如 图 2.6 所 示 。 


























—-— - 
E workspace Launcher =s 
Select a workspace 
Eclipse stores your projects in a folder called a workspace. 
Choose a workspace folder to use for this session. 
Workspace: D:VSP workspace ~ [Browsen 
Uee this as the default and do not ask again 
Cox J( em | 








图 2.6 设置 工作 空间 
2) 配置 Eclipse 
(D 配置 Tomcat。 启 动 Eclipse, 选 择 Window/Preferences 命令 ,在 打开 的 窗口 中 选择 
Server 目录 下 的 Runtime Environments 选项 ,如 图 2. 7 所 示 。 


© 单 击 Add 按钮 后 ,打开 如 图 2. 8 所 示 的 New Server Runtime Environment 窗口 ,在 
此 可 以 配置 各 种 版 本 的 Web 服务 器 。 
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图 2.7 Preferences 窗口 





Define a new server runtime environment 





Select the type of runtime environment: 
type filter text. 


4 © Apache 
Apache Tomcat v3.2 
B Apache Tomcat v4.0 
Apache Tomcat v4.1 
Bl Apache Tomcat v5.0 
Bj Apache Tomcat v5.5 
B Apache Tomcat v6.0 
B] Apache Tomcat v7.0 
目 Apache Tomcat v8.0 
Apache Tomcat v3.2 supports J2EE 1.2 Web modules. 




















Create a new local server. 


























2.8 New Server Runtime Environment 窗口 





© 选择 Apache Tomcat v7. 0 服务 器 版 本 , 单 击 Next 按钮 ,进入 如 图 2. 9 所 示 界 面 。 
























































emere Lilia 
Tomcat Server 
Specify the installation directory 
Name: 
Apache Tomcat v7.0 | 
| Tomcat installation directory: 
Browse.. 
apache-tomcat-7.047 [Download and Install... 
JRE: 
Morkhench efe E (amadas Res. 
Q9 sBak | Next > Finish | (scence 




















图 2.9 Tomcat Server 界面 


@ 单 击 Browse 按钮 ,选择 Tomcat 的 目录 , 单 击 Finish 按钮 即 可 完成 Tomcat 配置 。 
4 任务 小 结 或 知识 扩展 

1) 软件 版 本 

由 于 Java 版 本 的 不 断 更 新 ,读者 下 载 的 JDK , Tomcat 以 及 Eclipse 的 版 本 可 能 和 本 书 


使 用 的 不 同 。 但 高 版 本 一 般 都 兼容 低 版 本 ,所 以 读者 可 以 放心 下 载 和 使 用 最 新 的 版 本 ,这 些 
版 本 的 安装 和 配置 基本 一 致 。 


2) 修改 Tomcat 的 默认 端口 
8080 是 Tomcat 服务 器 默认 占用 的 端口 。 但 可 以 通过 修改 Tomcat 的 配置 文件 修改 端 
口号 。 用 记事 本 打开 conf 文件 夹 下 的 server. xml 文件 ,找到 以 下 代码 ， 
< Connector port = "8080" protocol = "HTTP/1.1" 
connectionTimeout = "20000" 
redirectPort = "8443" /> 
将 其 中 的 port 二 "8080" 更 改 为 新 的 端口 号 ,保存 server. xml 文件 后 重新 启动 Tomcat 服务 
器 即 可 ,比如 将 8080 修改 为 9090 等 。 如 果 修 改 为 9090, 那 么 在 IE 浏览 器 地 址 栏 中 要 输入 
http://localhost:9090 才能 打开 Tomcat 的 测试 页 面 。 
需要 说 明 的 是 ,一 般 情况 下 ,不 要 修改 Tomcat 默认 的 端口 号 ,除非 8080 已 经 被 占用 。 
在 修改 端口 时 ,应 避免 与 公用 端口 冲突 ,一 旦 冲突 会 影响 其 他 程序 正常 使 用 。 
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214 实践 环节 











修改 Tomcat 的 端口 号 并 测试 。 使 用 记事 本 打开 Tomcat 目录 下 的 conf 文件 夹 下 的 


server. xml 文件 ,找到 以 下 代码 : 


< Connector port = "8080" protocol = "HTTP/1.1" 
connectionTimeout = "20000" 
redirectPort - "8443" /» 


将 其 中 的 port 二 "8080" 更 改 为 新 的 端口 号 9999. f T£. server. xml. 文件 后 重新 启动 


Tomcat 服务 器 。 然 后 在 TE 浏览 器 地 址 栏 中 输入 http: //localhost:9999 打开 Tomcat 的 测 
试 页 面 。 


2.2 使 用 Eclipse 开发 Web 应 用 





221 核心 知识 











1. JSP 文件 
一 个 JSP 文件 中 可 以 有 普通 的 HTML 标记 、JSP 规定 的 标记 以 及 Java Ug, JSP X 


件 的 扩展 名 是 .jsp, 文 件 的 名 字 必 须 符合 标识 符 规 定 , 即 名 字 可 以 由 字母 .下 划 线 .美元 符号 
和 数字 组 成 。 


2 JSP 运行 原理 
当 Web 服务 器 上 的 一 个 JSP 页 面 第 一 次 被 客户 端 请 求 执行 时 , Web 服务 器 上 的 JSP 


引擎 首先 将 JSP 文件 转译 成 一 个 Java 文件 ,并 将 Java 文件 编译 成 字 节 码 文件 ,然后 执行 字 
节 码 文件 响应 客户 端的 请 求 。 当 这 个 JSP 页 面 再 次 被 请 求 时 ,JSP 引擎 将 直接 执行 字 节 码 
文件 响应 客户 端的 请 求 ,这 也 是 JSP 比 ASP 速度 快 的 原因 之 一 。 


JSP 引擎 以 如 下 方式 处 理 JSP 页 面 。 
(1) 将 JSP 页 面 中 的 静态 元 素 (HTML 标记 ) 直 接 交 给 客户 端 浏 览 器 执行 显示 。 
(2) 对 JSP 页 面 中 的 动态 元 素 (Java 程序 和 JSP 标记 ) 进 行 必 要 的 处 理 , 将 需要 显示 的 


结果 发 送 给 客户 端 浏览 器 。 








222 能 力 目标 








(1) 使 用 Eclipse 创建 Web 项 目 。 
(2) 在 项 目 中 创建 JSP 文件 。 
(3) 发 布 项 目 到 Tomcat 服务 器 并 运行 。 








223 任务 驱动 








任务 的 主要 内 容 如 下 。 

(1) 创建 项 目 。 

(2) 创建 JSP 文 件 。 

(3) 发 布 项 目 到 Tomcat 并 运行 。 





1. 创建 项 目 
(1) 启动 Eclipse, 进 入 Eclipse 开发 界面 。 
(2) 选择 主 菜 单 中 的 File/New/Project 命令 ,打开 New Project 窗口 ,在 该 窗口 中 选择 
Web 节点 下 的 Dynamic Web Project 子 节点 ,如 图 2. 10 所 示 。 
Gema 0 enel 


Select a wizard p> | 
Create a Dynamic Web project lus — 








Wizards: 
type filter text 














b © JavaScript 
b © JAXB 
b © JPA 
b & Maven 
b £ Plug-in Development 
4 © Web 
前 Static Web Project 
Q8 Web Fragment Project 





b £ Examples 























图 2.10 New Project 窗口 


(3) 单 击 Next 按钮 ,打开 New Dynamic Web Project 窗口 ,在 该 窗口 的 Project name 
文本 框 中 输入 项 目 名 称 ,这 里 为 firstProject。 选 择 Target runtime 下 拉 列 表 框 中 的 服务 器 ， 
如 图 2.11 所 示 。 

(4) 单 击 Finish 按钮 ,完成 项 目 firstProject 的 创建 。 此 时 在 Eclipse 平台 左 侧 的 
Project Explorer 选项 卡 中 ,将 显示 项 目 firstProject, 依 次 展开 各 节点 ,可 显示 如 图 2. 12 所 
示 的 目录 结构 。 

2 创建 JSP 文 件 

firstProject 项 目 创建 完成 后 ,可 以 根据 实际 需要 创建 类 文件 JSP 文件 或 者 其 他 文件 。 
这 些 文件 的 创建 会 在 需要 时 介绍 ,下 面 将 创建 一 个 名 为 myFirst. jsp 的 JSP 文 件 。 

CD 选中 firstProject 项 目的 WebContent 节点 , 右 击 ,在 打开 的 快捷 菜单 中 ,选择 New/ 
JSP File 命令 ,打开 New JSP File 窗口 ,在 该 窗口 的 File name 文本 框 中 输入 文件 名 
myFirst. jsp, 其 他 采用 默认 设置 , 单 击 Finish 按钮 完成 JSP 文件 的 创建 。 

(2) JSP 创建 完成 后 ,在 firstProject 项 目的 WebContent 节点 下 ,自动 添加 一 个 名 为 
myFirst. jsp 的 JSP 文件 ,同时 ,Eclipse 会 自动 将 JSP 文件 在 右 侧 的 编辑 框 中 打开 。 
(3) 将 myFirst. jsp 文件 中 的 默认 代码 修改 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
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New Dy 
Dynamic Web Project 
Create a standalone Dynamic Web project or add it to a new or existing Enterprise Application. 








Project name: firstProject 

$ duca sid 
Use default location 
Location: [DiVSP workspaceVirstProject |[ Browse.. | 














, Target runtime 








A good starting point for working with Apache Tomcat v7.0 runtime. Additional facets can later be 
installed to add new functionality to the project. 

EAR membership 

[Add project to an EAR 

EAR project name: [EAR ~| [New project.. | 
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图 2.11 New Dynamic Web Project 窗口 











Ts Project Explorer 31 |] 
B&|v"- 
4 8 firstProject 
D 49 JAX-WS Web Services. 
b 8 Deployment Descriptor 
b 85 Java Resources 
D BÀ JavaScript Resources 
build 
> E» WebContent 


= pr 
E Markers E Properties W Servers & É Data Source Expl.. fS Snippets = O 

B*tocm?ps- 
No servers are available. Click this link to create a new server... 








2.12 MH firstProject 的 目录 结构 





«html» 
< head» 
<title> nyFirst.JSP </title> 
</head> 
< body> 
<center > 真 高 兴 , 忙 平 半天 了 ,终于 要 看 到 人 生 中 第 一 个 JSP 页面 了 .</center> 
</body> 
</html> 


CD 将 编辑 好 的 JSP 页 面 保存 ( 按 Ctrl 十 S 组 合 键 ) ,至 此 完成 一 个 简单 的 JSP 程序 
创建 。 


3 发 布 项 目 到 Tomcat 并 运行 
完成 JSP 文件 的 创建 后 ,可 以 将 项 目 发 布 到 Tomcat 并 运行 该 项 目 。 下 面 介 绍 具体 的 
方法 。 


CD 在 firstProject 项 目的 WebContent 节点 下 ,找到 myFirst. jsp 并 选中 该 JSP 文件 ， 
右 击 ,在 打开 的 快捷 菜单 中 ,选择 Run As/Run On Server 命令 ,打开 Run On Server 窗口 ， 
在 该 窗口 中 , 勾 选 Always use this server when running this project 复 选 框 ,其 他 采用 默认 
设置 ,如 图 2. 13 所 示 。 

ee EE 


Run On Server 
Select which server to use 


How do you want to select the server? 








© Choose an existing server 
@® Manually define a new server 





Select the server type: 
type filter text. 








Tomcat v4.1 Server ^ 
E Tomcat v5.0 Server. 











B Tam ON Conme si 


Publishes and runs J2EE and Java EE Web projects and server configurations to a local 
Tomcat server. 








Server's host name: 7 localhost 





Server name: Tomcat v7.0 Server at localhost 


Server runtime environment: (Apache Tomcat v7.0 x Add... 


Configure runti ire 











M Always use this server when running this project 









































@ [se [mne CC) Lm 


图 2.13 Run On Server 窗口 








(2) 单 击 Finish 按钮 , 即 可 通过 Tomcat 运行 该 项 目 ,运行 后 的 效果 如 图 2. 14 所 示 。 
如 果 想 在 浏览 器 中 运行 该 项 目 , 可 以 将 图 2. 14 中 的 URL 地 址 复制 到 浏览 器 的 地 址 栏 中 ， 
并 按 Enter 键 运行 即 可 。 

















B] myfirstjsp — Q myFirstJSP 国 mFirsusp z 
coc NU Po http//ocalhost8080/firstProjet/myFirstjsp 
真 高 兴 ， 忙 乎 半天 了 ， 终 于 要 看 到 人 生 中 第 一 个 JSP 页 面 了 。 





D d JAX-WS Web Services 
> hy Deployment Descriptc 
b 868 Java Resources. 
b mÀ JavaScript Resources 

© build 
4 $» WebContent 

b BE META-INF 

b BE WEB-INF 

B myfirstjsp 





[E Markers [7] Properties. 4 Servers IË Data Source Explorer. 15 Snippets | © Console :: | = D | 


ERT 
Tomcat v7.0 Server at localhost [Apache Tomcat] D:\Program Files\Java\jdk1.7.0.03\bin\javaw.exe gemi 
+2724, 2014 3:24:57 v&org.apache.catalina.startup.Catalina start 








&&: Server startup in 897 ms - 
» (und ; 








图 2.14 运行 firstProject Ji H 


注意 ; 在 Eclipse 中 ,默认 会 将 Web 项 目 发 布 到 Eclipse 的 工作 空间 的 . metadata V. 
pluginsVorg. eclipse. wst. server. core\tmp0( 或 者 是 tmp1)\wtpwebapps\ 目 录 下 。 


4 任务 小 结 或 知识 扩展 

JSP 文件 的 默认 编码 格式 为 ISO-8859-1 ,为 了 让 页 面 支持 中 文 ,还 需要 将 编码 格式 修改 
为 GBK 或 GB2312 或 UTF-8, 

在 一 个 项 目的 WebContent 节点 下 可 以 创建 多 个 JSP 文件 ,另外 JSP 文件 中 使 用 到 的 
BI XE CSS XAF OZARK) IK JavaScript 文件 都 放 在 WebContent 节点 下 。 


224 实践 环节 


(1) 参照 本 节 的 任务 内 容 1, 创 建 一 个 名 为 sencondProject 的 项 目 。 

(2) 参照 本 节 的 任务 内 容 2, 在 sencondProject 项 目 中 创建 一 个 名 为 yourFirst. jsp X 
件 , 在 JSP 页 面 中 显示 “不 错 ! 不 错 ! 自己 能 创建 JSP 文件 了 ,并 且 可 以 发 布 运行 了 ”。 

(3) 参照 本 节 的 任务 内 容 3 ,发 布 并 运行 sencondProject 项 目 。 














2.3 小 结 


本 章 主要 介绍 了 JSP 集成 开发 环境 的 构建 ,用 到 的 工具 有 JDK, Tomcat 和 Eclipse, € 
们 的 安装 顺序 由 先 到 后 依次 是 JDK Tomcat, Eclipse. 
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"Tomcat 是 一 个 支持 JSP 的 Web 服务 软件 ,该 软件 也 称 作 JSP 引擎 或 JSP 容器 。JSP 
引擎 是 支持 JSP 程序 的 Web 容器 ,负责 运行 JSP 程序 ,并 将 有 关 结 果 发 送 给 客户 端 。 目 前 
流行 的 JSP 引擎 有 Tomcat, Resin, JRun, WebSphere, WebLogic 等 ,本 书 使 用 的 是 Tomcat 
服务 器 。 


习 题 2 


. 安装 Tomcat 服务 器 所 在 的 计算 机 需要 事先 安装 JDK 吗 ? 

. Tomcat 服务 器 的 默认 端口 号 是 什么 ?如 果 想 修改 该 端口 号 ,应 该 修改 哪个 文件 ? 
. First. jsp 和 first. jsp 是 否 是 相同 的 JSP 文件 名 字 ? 

. JSP 引擎 是 怎样 处 理 JSP 页 面 中 HTML 标记 的 ? 


eune 








一 个 JSP 页 面 通常 由 HTML 标记 、JSP 注释 Java 脚本 元 素 以 及 JSP 标记 4 种 基本 元 
素 组 成 。 这 4 种 基本 元 素 在 JSP 页 面 中 是 如 何 被 使 用 的 ,这 将 是 本 章 介绍 的 重点 。 
本 章 涉及 的 JSP 页 面 保存 在 工程 ch3 的 WebContent 中 。 


3.1 JSP 页 面 的 基本 构成 





3.11 核心 知识 


在 HTML 静态 页 面 文件 中 加 入 和 Java 相关 的 动态 元 素 ,就 构成 了 一 个 JSP 页面。 一 
个 JSP 页 面 通常 由 以 下 4 种 基本 元 素 组 成 。 

(1) 普通 的 HTML 标记 。 

(2) JSP 注释 。 

(3) Java 脚本 元 素 , 包 括 声 明 Java 程序 片 和 Java 表达 式 。 

(4) JSP 标记 ,如 指令 标记 动作 标 记 和 自 定义 标记 等 。 
312 能 力 目标 

能 够 识别 JSP 页 面 的 基本 元 素 。 
313 任务 驱动 

1. 任务 的 主要 内 容 

根据 task3_1.jsp 代码 中 的 注释 ,识别 JSP 页 面 的 基本 元 素 。 


2 任务 的 代码 模板 
task3_1. jsp 的 代码 如 下 : 





























<% (à page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<! -- JSP 指令 标记 --> 
< jsp: include page = "a. jsp"/» <! -- JSP 动作 标记 --> 
<$! 
int i=0; // 数 据 声明 
int add(int x, int y)( // 方 法 声明 
return x t y; 
) 
第 > 
<html> <! -- html 标记 --> 
<head> 
<title> task3_1. jsp </title> 
</head> 
<body> 
<% 
ie; //Java 程序 片 
int result = add(1,2); 
第 > 
i 的 值 为 <% = ig%> <% -- Java 表达 式 -- %> 
<br> 
1+2 的 和 为 <% = result%> 
</body> 
«/htnl» 


a. jsp 的 代码 如 下 : 


<% (à page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
< head> 
<title> a. jsp</title> 
</head> 
< body> 
被 task3_1. jsp 动态 引用 
</body> 
</html > 


3 .任务 小 结 或 知识 扩展 

在 task3_1.jsp 代码 中 ,看 到 许多 JSP 注释 。 注 释 能 够 增强 JSP 文件 的 可 读 性 ,便于 
Web 项 目的 更 新 和 维护 。JSP 页 面 中 常见 的 注释 有 以 下 两 种 。 

1) HTML 注释 

格式 : 

<! -- HTML 注释 -> 

在 标记 符 “ 过 ! --” 和 “-- 二 ”之 间 加 入 注释 内 容 ,就 构成 了 HTML 注释 。 

JSP 引擎 对 于 HTML 注释 也 要 进行 处 理 , 也 就 是 说 不 将 它 看 作 注 释 , 如 果 其 中 有 JSP 
代码 ,也 将 被 JSP 引擎 处 理 。JSP 引擎 把 处 理 之 后 的 HTML 注释 交 给 客户 端 ,客户 端 通过 
浏览 器 查看 JSP 的 源 文件 时 ,能够 看 到 HTML 注释 。 
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2) JSP 注释 
格式 : 


<% -- JSP 注释-- 多 > 


ERWA <A MASAMA ERANA ,就 构成 了 JSP 注释 。 
JSP 引擎 将 JSP 注释 当 作 真正 的 注释 ,在 编译 JSP 页面 时 忽略 这 部 分 代码 。 因 此 ,客户 
端 通过 浏览 器 查看 JSP 的 源 文件 时 ,无 法 看 到 JSP 注释 。 


314 实践 环节 
识别 出 如 下 JSP 页 面 的 基本 元 素 ; 














<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<! -- 学 习 JSP 页 面 的 基本 构成 --> 
<$! 
String content = "JSP 页 面 基本 构成 : "; 
5» 
<html> 
< head> 
«title» practice3_1. jsp </title> 
</head> 
< body> 
<% 
content = content + "HTML 标记 JSP 注释 .JSP 标记 以 及 Java 脚本 元 素 "; 
%> 
<% - content $^ 
</body> 
«/htnl > 


3.2 Java 程序 片 





3.21 核心 知识 

Tibia fp" — 26" fl" 26 " Zio dfi A Java 代码 被 称 作 JSP 页 面 的 Java 程序 片 。Java 
程序 片 格式 如 下 : 

<% Java 代码 %> 

一 个 JSP 页 面 可 以 有 许多 程序 片 ,这 些 程序 片 将 被 JSP 引擎 (本 书 指 Tomcat 服务 器 ) 
按 顺 序 执行 。 在 一 个 程序 片 中 声明 的 变量 称 为 JSP 页 面 的 局 部 变量 ,它们 在 JSP 页 面 后 继 
的 所 有 程序 片 部 分 以 及 表达 式 部 分 都 有 效 。 

当 多 个 客户 请 求 一 个 JSP 页 面 时 ,JSP 引擎 为 每 个 客户 启动 一 个 线程 ,不 同 的 线程 会 分 
别 执行 该 JSP 页 面 中 的 Java 程序 片 ,程序 片 中 的 局 部 变量 会 在 不 同 的 线程 中 被 分 配 不 同 的 
内 存 空 间 。 因 此 ,一 个 客户 对 JSP 页 面 局 部 变量 操作 的 结果 ,不 会 影响 其 他 客户 。Java 程 
序 片 执 行 原理 如 图 3. 1 所 示 。 
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图 3.1 Java 程序 片 执行 原理 





322 能 力 目标 
理解 Java 程序 片 的 执行 原理 ,掌握 在 JSP 页面 中 如 何 使 用 Java 程序 片 。 


323 任务 驱动 


1. 任务 的 主要 内 容 

编写 一 个 JSP 页 面 task3_2. jsp, 页 面 中 存在 一 段 Java 程序 片 ,该 程序 片 内 声明 了 一 个 
整 型 的 局 部 变量 x, 初 始 值 为 0。 

2 任务 的 代码 模板 

task3_2. jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 

















<html> 
<head> 
<title> task3_2. jsp </title> 
</head> 
<body> 
【代码 1】 //Java 程序 片 开始 
【代码 2】 // 声 明 int 型 局 部 变量 x, 初始 值 为 0 
xt; 
out.print("x-" * x); // 在 浏览 器 中 输出 x 的 值 
【代码 3】 <! -- Java 程 序 片 结束 --> 
</body> 
</html > 


3. 任务 小 结 或 知识 扩展 

如 果 有 5 个 客户 请 求 task3_2. jsp 页 面 ,JSP 引擎 会 启动 5 个 线程 ,页 面 中 的 Java 程序 
片 在 每 个 线程 中 均 会 被 执行 一 次 ,共计 执行 5 次 ; 在 
内 存 中 ,局 部 变量 x 对 应 5 处 不 同 的 存储 空间 ,初始 
值 都 为 0, 且 都 只 执行 了 一 次 自 加 和 运算。 所 以 ,5 个 
不 同 的 客户 看 到 的 页 面 效 果 是 相同 的 ,如 图 3. 2 
所 示 。 


Æ P |http://localhost:8080/ch3/task3_2jsp 





xl 


图 3.2 task3 2.jsp 页 面 的 执行 结果 


EI ) 





有 时 可 以 根据 需要 将 一 个 Java 程序 片 分 割 成 几 个 更 小 的 程序 片 ,以 便 在 这 些小 的 程序 
片 之 间 再 插入 JSP 页 面 的 一 些 其 他 标记 元 素 。 例 如 ,在 浏览 器 中 输出 大 小 为 15X10 表格 的 
代码 如 下 : 


<% (à) page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head> 
<title > 程序 片 分 割 </title> 
</head> 
<body> 
< table border = "1"> 
<% 
for (int i = 1; i<= 10; i++) 
{ 
5» 
«tr» 
<% 
for (int j = 1; j «7 15; j+) 
{ 
int temp = i * j; 
第 > 
<td> 
<% 
out.print(i * j); 
5» 
</td> 
<% 


%> 
</table> 
</body> 
</html> 


4 代码 模板 的 参考 答案 


【代码 1]: <% 
【代码 2]: intx = 0; 
【代码 3]: s» 





324 实践 环节 


编写 一 个 JSP 页 面 , 在 JSP 页面 中 使 用 Java 程序 片 输出 26 个 小 写 的 英文 字母 表 。 
面 运 行 效果 如 图 3. 3 Bros o 
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abcdefghijklmnopaqrstuvwxyz 


图 3. 3 小 写 英文 字母 表 


3.3 成员 变量 和 方法 的 声明 

在 “二 %1” 和 “% 过 ”标记 之 间 可 以 声明 JSP 的 成 员 变 量 和 方法 。 

331 核心 知识 

成 员 变量 和 方法 的 声明 格式 如 下 : 
<%! 变量 或 方法 定义 %> 


EPRICE 6 P RI 06 " ze qup y E RS 2E fg PE JSP 页 面 的 成 员 变量 ,它们 可 以 是 
Java 语言 允许 的 任何 数据 类 型 ,例如 ， 
<$! 
intn = 0; 
Date date; 














$> 


成 员 变 量 在 整个 JSP 页 面 内 都 有 效 ( 与 书写 位 置 无 关 ) ,因为 JSP 引擎 将 JSP 页 面 转译 
成 Java 文件 时 ,将 这 些 变 量 作 为 类 的 成 员 变 量 , 这 些 变 量 的 内 存 空间 直到 服务 器 关闭 才 释 
放 。 因 此 ,多 个 用 户 共享 JSP 页 面 的 成 员 变量 。 任 何 用 户 对 JSP 页 面 成 员 变 量 操 作 的 结 
果 , 都 会 影响 其 他 用 户 。 


在 标记 符 “ 二 %!1” 和 “% 二 ”之 间 声 明 的 方法 被 称 作 JSP 页 面 的 成 员 方 法 ,该 方法 在 整 
个 JSP 页 面 内 有 效 ,但 该 方法 内 定义 的 变量 仅 在 该 方法 内 有 效 。 
332 能 力 目标 
理解 JSP 成 员 变量 和 方法 的 执行 原理 ,学 会 使 用 JSP 成 员 变量 和 方法 。 
333 任务 驱动 


1 任务 的 主要 内 容 

编写 一 个 JSP 页 面 task3_3. jsp, 页 面 中 声明 一 个 成 员 变 量 n( 初 始 值 为 0) 和 方法 add 
( 求 两 个 整数 的 和 )。 另 外 ,页 面 中 还 有 一 段 Java 程序 片 ,在 程序 片 声 明 一 个 局 部 变量 m, 并 
且 对 成 员 变 量 n 和 局 部 变量 m 分 别 进行 自 加 。 

2 任务 的 代码 模板 

task3_3. jsp 的 代码 模板 如 下 : 




















<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
< head» 


<title> task3_3. jsp </title> 


</head> 
【代码 1】 //JSP 声明 开始 
【代码 2】 // 声 明成 员 变量 n, 初始 值 为 0 


int add(int x, int y)( 
return x+ y; 
) 
【代码 3】 ”<! -- JSP 声明 结束 --> 
<body> 
<% 
【代码 4] // 声 明 局 部 变量 m 初始 值 为 0 
ntt; 
mb; 
int result - add(1,2); 
out. print(" 成 员 变 量 n 的 值 为 : "+n+ "«br»"); 
out. print(" 局 部 变量 m 的 值 为 : " + m+ "< br >"); 
out. print("1+2="+result+"<br>"+"<br>"); 


out. print(" 第 " +n+ "个 客户 "); 


%> 
</body> 
</html> 
3 任务 小 结 或 知识 扩展 


在 task3_3.jsp 中 ,变量 n fe xia FE" — 26 V HU 26 >” Ze 89 E 9] . DR] JC TE X A Ze fib PT 


有 客户 共享 ; 变量 m ER< A” Rr 06 " Zc [8] 8 9] . DR JJ 8 DE i. Ce t PUR 
享 。 如 果 有 3 个 客户 请 求 这 个 JSP 页 面 , 则 看 到 的 效果 如 图 3. 4 所 示 。 


BE E A PE CR 


成 员 变 量 n 的 值 为 ，1 。 成 员 变 量 n 的 值 为 ，2 。 成 员 变量 n 的 值 为 ，3 
REREN G1 BEREDUAT | PEREDAM I 
142-3 142-3 14273 


第 1 个 客户 第 2 个 客户 第 ?个 客户 
图 3.4 3 个 客户 请 求 task3_3.jsp 页 面 的 效果 


从 任务 中 可 以 看 出 Java 程序 片 具有 如 下 特点 。 
CD 调用 JSP 页 面 声明 的 方法 。 

(2) 操作 JSP 页 面 声明 的 成 员 变 量 。 

(3) 声明 局 部 变量 。 

(4) 操作 局 部 变量 。 


4 代码 模板 的 参考 答案 


【代码 1]: <%! 
【代码 2]: int n- 0; 
【代码 3]: s» 
【代码 4]: int n- 0; 


利用 成 员 变量 被 所 有 客户 共享 这 一 性 质 ,实现 一 个 简单 的 计数 器 ,页 面 效果 如 图 3. 5 


7 
= BOR. 


= NU 吵 |httpy/localhost8080/ch3/practice3 3jsp 


欢迎 访问 本 网 站 ! 
您 是 第 2 个 访问 本 网 站 的 客户 。 





图 3.5 简单 的 计数 器 


3.4 Java 表达 式 








3.41 核心 知识 








在 标记 符 “ 二 % 二 "和 “% 二 "之 间 可 以 插入 一 个 表达 式 , 这 个 表达 式 必须 能 求 值 。 表 达 


式 的 值 由 Web 服务 器 负责 计算 ,并 将 计算 结果 用 字符 串 形式 发 送 到 客户 端 ,作为 HTML 页 
面 的 内 容 显示 。 


342 能 力 目 标 
能 够 灵活 使 用 Java 表达 式 计算 数据 并 显示 数据 信息 。 
343 任务 驱动 


1. 任 务 的 主要 内 容 


在 task3_4.jsp 页 面 中 使 用 Java 表达 式 计算 数据 并 显示 数据 信息 ,页 面 效 果 如 图 3. 6 
所 示 。 


2 任务 的 代码 模板 
task3 4. jsp 的 代码 模板 如 下 : 




















Æ Ê |http;//localhost:8080/ch3/task3 4jsp 


1+2 等 于 3 

车 半径 为 5， 则 图 的 面积 是 ，78. 5 
<% @ page language = " java" contentType = "text/ — 2A 9E GANZ. false 

html; charset = GBK" pageEncoding = "GBK" % > 


图 3.6 task3_4. jsp 的 执行 结果 
<html> 
< head> 
<title> task3_4. jsp</title> 
</head> 
<%! 
int add(int x, int y)( 
return x+ y; 
) 
$> 
< body> 


1+2 FIRE 1] «br» <! -- 使 用 Java 表达 式 调用 add 方 法 计算 1 和 2 的 值 --> 
若 半径 为 5, 则 圆 的 面积 是 : 【代码 2】 «br» <! -- 使 用 Java 表达 式 计算 出 圆 面 积 --> 


2 大 于 5 是 否 成 立 :【 代 码 3〗 <br> <! -- 使 用 Java 表 达 式 判 断 1 是 否 大 于 2 --> 
</body> 


</html> 


3 .任务 小 结 或 知识 扩展 
Java 表达 式 中 可 以 有 算术 表达 式 、 逻 辑 表达 式 或 条 件 表达 式 等 。 但 使 用 Java 表达 式 


sim ) 
im 
时 ,应 该 注意 以 下 两 点 。 id 
CD 不 可 以 在 “<% 二 ”和 *% 二 ”之 间 插 入 语句 , 即 输入 的 内 容 末 尾 不 能 以 分 号 结束 。 
(2)“<% 二 ”是 一 个 完整 的 符号 ,“<%” 和 “二 "之 间 不 能 有 空格 。 
4 代码 模板 的 参考 答案 


【代码 11: <% = add(1,2) &» 
【代码 2]: <% = 3.14 * 5 * 5 &» 
[83]: <% = 1>2 %> 





344 实践 环节 
使 用 Java 表达 式 显 示 出 系统 的 当前 时 间 。 页 面 效 果 如 图 3. 7 所 示 。 


= P [htpy/localhost8080/ch3/practice3 4jsp 


当前 系统 时 间 为 ，Sat Sep 10 14:59:37 CST 2016 




















图 3.7 显示 系统 的 当前 时 间 


3.5 page 指令 标记 


page 指令 标记 用 来 定义 整个 JSP 页 面 的 一 些 属 性 和 这 些 属 性 的 值 。 可 以 用 一 个 page 
指令 指定 多 个 属性 的 值 ,也 可 以 使 用 多 个 page 指令 分 别 为 每 个 属性 指定 值 。page 指令 的 
格式 如 下 : 

<%@ page 属性 1= "属性 1 的 值 " 属性 2 = "属性 2 的 值 " .…%> 
或 者 

<% (à page 属性 1 = "属性 1 的 值 " %> 


<% (2 page 属性 2- "属性 2 的 值 ”多 > 
<% (à page 属性 3 = "属性 3 的 值 ”%> 





<% @ page 属性 n= "属性 n 的 值 ”%> 

page 指令 的 主要 属性 有 contentType import, language 和 pageEncoding 等 。 
351 核心 知识 

page 指令 标记 通常 定义 的 属性 有 以 下 4 种。 

1. 属 性 contentType 

JSP 页 面 使 用 page 指令 标记 只 能 为 contentType 属性 指定 一 个 值 ,用 来 确定 响应 的 
MIME 类 型 (MIME 类 型 就 是 设 定 某 种 文件 用 对 应 的 一 种 应 用 程序 来 打开 的 方式 类 型 )。 
当 用 户 请 求 一 个 JSP 页 面 时 ,服务 器 会 告诉 客户 的 浏览 器 使 用 contentType 属性 指定 的 


MIME 类 型 来 解释 执行 所 接收 到 的 服务 器 为 之 响应 信息 。 如 果 和 希望 客户 的 浏览 器 使 用 
Word 应 用 程序 打开 用 户 请 求 的 页 面 ,就 可 以 把 content Type 属性 的 值 设置 如 下 : 

















Gemme 
ZI 
iud <% (Q page contentType = "application/ msword;charset = GBK" % > 
2 属性 import 
JSP 页 面 使 用 page 指令 标记 可 为 import 属性 指定 多 个 值 ,import 属性 的 作用 是 为 JSP 
页 面 引入 包 中 的 类 ,以 便 在 JSP 页 面 的 程序 片 、 变 量 及 方法 声明 或 表达 式 中 使 用 包 中 的 类 。 


3. 属 性 language 
language 属性 用 来 指定 JSP 页 面 使 用 的 脚本 语言 ,目前 该 属性 的 值 只 能 取 java. 
4 属性 pageEncoding 


contentType 中 的 charset 是 指 网 页 内 容 从 服务 器 发 送 给 客户 浏览 器 时 用 户 所 见 到 的 
该 内 容 的 编码 ; pageEncoding 是 指 jsp 文件 自身 存储 时 所 用 的 编码 。 
3.5.2 能 力 目 标 
读 懂 page 指令 标记 为 JSP 页 面 指定 的 一 些 属性 值 。 
3.53 任务 驱动 


1 任务 的 主要 内 容 
编写 一 个 JSP 页 面 task3 5. jsp. 当 用 户 请 求 该 页 面 时 ,客户 浏览 器 启动 本 地 的 
PowerPoint 应 用 程序 打开 该 页 面 。 


2 任务 的 代码 模板 
task3_5. jsp 的 代码 模板 如 下 : 




















<% @ page 
【代码 1J = "java" 
【代码 2] = "application/vnd. ms - powerpoint; charset = GBK" pageEncoding = "GBK" % > 
<! -- 代码 1 设置 language 属性 ,代码 2 设置 contentType 属性 --> 
<% @ page【 代 码 3】= "java. util. *"%> 
<% @ page【 代 码 4] = "java. io. * "%> <! -- 代码 3,4 设置 import 属性 -> 
<html> 
<head > 
<title> task3_5. jsp </title> 
</head> 
< body> 
在 学 习 page 指令 标记 时 ,请 牢 牢记 住 只 能 为 JSP 页 面 设置 一 个 contentType 属性 值 , 可 为 
import 属性 设置 多 个 值 
</body> 
«/htnl > 


3. 任务 小 结 或 知识 扩展 

使 用 page 指令 为 contentType 属性 指定 MIME 类 型 ,常见 的 有 text/html(HTML 解 
析 器 ,所 谓 的 网 页 形式 ) ,text/plain( 普 通 文 本 ) „application/pdf (PDF 文档 )、application/ 
msword( Word 应 用 程序 ) , image/jpeg (JPEG 图 形 ) , image/png (PNG 图 像 ) image/gif 
(GIF 图 形 ) 以 及 application/vnd. ms-powerpoint(PowerPoint 应 用 程序 ) 。 


LL 
"im 
在 JSP 标准 语法 中 ,如 果 pageEncoding 属性 存在 ,那么 JSP 页 面 的 字符 编码 方式 就 由 
pageEncoding 决定 ,否则 就 由 contentType 属性 的 charset 决定 ,如 果 charset 也 不 存在 ， 
JSP 页 面 的 字符 编码 方式 就 采用 默认 的 ISO-8859-1。 


4 代码 模板 的 参考 答案 


【代码 1]: language 
【代码 2]: contentType 
【代码 3]: import 
【代码 4]: import 








354 实践 环节 


把 任务 中 task3_5. jsp 页 面 的 contentType 属性 值 指定 为 application/msword ,运行 修 
改 后 的 页 面 ,并 仔细 观察 运行 结果 。 








3.6 include 指令 标记 








3.6.1 核心 知识 


一 个 网 站 中 多 个 JSP 页 面 有 时 需要 显示 同样 信息 ,比如 网 站 Logo 或 导航 条 等 ,为 了 便 
于 网 站 维护 ,通常 在 这 些 JSP 页 面 的 适当 位 置 戏 入 一 个 内 容 相同 的 文件 。include 指令 标记 
的 作用 就 是 把 JSP 文件 .HTML 网 页 文件 或 其 他 文本 文件 静态 嵌入 当前 JSP 网 页 中 ,该 指 
令 的 语法 格式 如 下 : 


<% (8) include file = "文件 的 URL" %> 
所 谓 静 态 嵌 入 就 是 “ 先 包 含 后 处 理 ”, 在 编译 阶段 完成 对 文件 嵌入 , 即 先 将 当前 JSP 页 


面 与 被 筑 入 文件 合并 成 一 个 新 JSP 页 面 ,然后 再 由 JSP 引擎 将 新 页 面 转化 为 Java 文件 处 理 
并 运行。 


362 能 力 目标 
理解 静态 嵌入 的 概念 ,并 能 够 使 用 include 指令 标记 在 JSP 网 页 中 静态 嵌入 文件 。 
363 任务 驱动 


1 任务 的 主要 内 容 
编写 两 个 JSP 页 面 task3_6. jsp 和 task3 6_1.jsp, 在 task3_6.jsp 页 面 中 使 用 include 
指令 标记 静态 嵌入 task3_6_1.jsp 页 面 ,访问 task3_6. jsp 页 面 , 运 行 效果 如 图 3. 8 所 示 。 
WP |htpWiocalhost8080/cha/taska 6jsp 
静态 其 和 task3 6 1 joz 00 


task3 6 1. jsp 文 件 内 容 
静态 嵌入 task3_6_1. jsp 之 后 


3.8 使 用 include 指令 标记 









































mt 
76 b 
is 2 任务 的 代码 模板 

task3 6.jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
< head» 
<title> task3_6. jsp </title> 
</head> 
< body> 
静态 说 入 task3_6_1. jsp 之 前 
<br> 
【代码 1】 <! -- 使 用 include 静态 嵌入 task3_6_1. jsp--> 
<br> 
静态 嵌入 task3 6 1.jsp 之 后 
</body> 
</html > 


task3_6_1. jsp 的 代码 如 下 ， 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
< head» 
<title> task3_6_1. jsp </title> 
</head> 
< body> 
< font color = "red" size = 4» task3_6_1. jsp 文件 内 容 </font > 
</body> 
«/htnl > 


3. f£ sic RT RE 

在 该 任务 中 ,task3_6. jsp 页 面 静态 嵌入 task3 6.1. jsp 页 面 , 此 时 需要 先 将 task3, 6 1. 
jsp 中 所 有 代码 全 部 嵌入 task3_6. jsp 的 指定 位 置 ,形成 一 个 新 JSP 文件 ,然后 再 将 新 文件 提 
交 给 JSP 引擎 处 理 , 如 图 3. 9 所 示 。 








task3_6.jsI 
task3_6.jsp = 
t] task3 6 jsp.java 
task3 6 l.jsp 
task3 6 l.jsp 


3.9 静态 嵌入 的 原理 






































在 使 用 include 指令 标记 时 ,需要 注意 嵌入 文件 后 必须 保证 新 合成 的 JSP 页 面 符 合 JSP 
语法 规则 ,比如 该 任务 中 task3_6. jsp 和 task3_6_1.jsp 两 个 页 面 的 page 指令 就 不 能 指定 不 
同 的 contentType 值 ,否则 在 合并 后 的 JSP 页 面 就 两 次 使 用 page 指令 为 contentType 属性 
设置 了 不 同属 性 值 ,导致 语法 错误 。 





sim ou | 


imm 


4 代码 模板 的 参考 答案 


【代码 1]: <% @include file= "task3 6 1.jsp" %> 





364 实践 环节 


把 任务 中 task3_6. jsp 页 面 的 contentType 属性 值 修改 为 "application/msword; 
charset —GBK" ,并 运行 修改 后 的 页 面 。 











3.7 include 动作 标记 





371 核心 知识 


动作 标记 include 的 作用 是 将 JSP 文件 .HTML 网 页 文件 或 其 他 文本 文件 动态 嵌入 当 
前 JSP 网 页 中 ,该 指令 语法 有 以 下 两 种 格式 : 


< jsp: include page = "文件 的 URL"/> 











或 

< jsp: include page = "文件 的 URL"> 

子 标记 

< jsp: include/> 
关于 子 标记 问题 本 书 将 在 3. 9 节 详 细 介绍 , 当 动 作 标记 include 不 需要 子 标 记 时 ,必须 使 用 
上 述 第 一 种 形式 。 

所 谓 动 态 嵌 入 就 是 “ 先 处理 后 包含 ,在 运行 阶段 完成 对 文件 嵌入 , 即 在 把 JSP 页 面 转 
译 成 Java 文件 时 ,并 不 合并 两 个 页 面 ; 而 是 在 Java 文件 的 字 解 码 文件 被 加 载 并 执行 时 , 才 
去 处 理 include 动作 标记 中 引入 的 文件 。 与 静态 嵌入 方式 相 比 ,动态 嵌入 执行 速度 稍 慢 , 但 




















312 能 力 目标 

理解 动态 嵌入 的 概念 ,并 能 够 使 用 include 动作 标记 在 JSP 网 页 中 动态 嵌入 文件 。 
313 任务 驱动 

1 任务 的 主要 内 容 


编写 两 个 JSP 页 面 task3_7. jsp 和 task3 7. 1. jsp, Æ task3. 7. jsp 页 面 中 使 用 include 
动作 标记 动态 内 入 task3 7 1.jsp 页 面 。 运 行 task3_7.jsp 页 面 。 

2 任务 的 代码 模板 

task3_7. jsp 的 代码 模板 如 下 : 





<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
< head» 


785 


«title» task3 7.jsp«/title» 

</head> 

< body> 
动态 嵌入 task3 7 1.jsp 之 前 
<br> 
【代码 1】 ”<! -- 使 用 include 动作 标记 动态 嵌入 task3_7_1. jsp--> 
<br> 
动态 嵌入 task3_7_1. jsp 之 后 

</body> 

</html> 


task3_7_1. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 


<html> 
€ head» 
«title» task3 7 1.jsp«/title» 
</head> 
< body> 
< font color = "red" size= 4> task3_7_1. jsp 文件 内 容 </font > 
</body> 
</html> 
3 任务 小 结 或 知识 扩展 


在 该 任务 中 ,文件 task3_7.jsp 通过 动作 标记 include 动态 嵌入 了 文件 task3_7_1. jsp， 
此 时 JSP 引擎 不 会 将 两 个 文件 合并 成 一 个 JSP 页 面 ,而 是 分 别 将 文件 task3_7. jsp 和 task3_ 
7_1.jsp 文件 转化 成 对 应 的 Java 文件 和 字 节 码 文 件 。 当 JSP 解释 器 解释 执行 task3_7. jsp 
页 面 时 ,会 遇 到 动作 指令 二 jsp:include page 二 "task3_7_1.jsp"/ 记 对 应 的 代码 ,此 时 才 会 执 
行 task3_7_1. jsp 页 面 对 应 的 字 节 码 文件 ,然后 将 执行 的 结果 发 送 到 客户 端 ,并 由 客户 端 负 
责 显示 这 些 结果 ,所 以 task3_7. jsp 和 task3_7_1. jsp 页 面 中 page 指令 的 content Type 属性 
值 可 以 不 同 。 

4 代码 模板 的 参考 答案 


【代码 1]: < jsp: include page = "task3_7_1. jsp" /> 





314 实践 环节 


把 任务 中 otask3 7. jsp 页 面 的 contentType 属性 值 修改 为 "application/msword; 
charset —GBK" ,并 运行 修改 后 的 页 面 。 











3.8 forward 动作 标记 





381 核心 知识 


动作 标记 forward 的 作用 是 ,从 该 标记 出 现 处 停止 当前 JSP 页 面 继续 执行 ,从 而 转向 执 
行 forward 动作 标记 中 page 属性 值 指定 的 JSP 页 面 。 该 标记 有 以 下 两 种 格式 ， 











ma SEDO 





< jsp: forward page = "文件 的 URL" /> 
或 
< jsp: forward page = "文件 的 URL"> 
子 标记 
< jsp: forward /> 


当 动作 标记 forward 不 需要 子 标记 时 ,必须 使 用 上 述 第 一 种 形式 。 




















382 能 力 目标 

能 够 使 用 forward 动作 标记 在 JSP 网 页 中 实现 页 面 跳 转 。 
383 任务 驱动 

1 任务 的 主要 内 容 


编写 3 个 JSP 页 面 task3. 8. jsp.oddNumber. jsp 和 evenNumbers. jsp. YE task3_8. jsp 
页 面 中 使 用 forward 标记 转向 evenNumbers. jsp 或 oddNumber. jsp 页 面 ,在 task3_8.jsp 页 
面 中 随机 获取 0 一 10 的 整数 ,如 果 该 数 为 偶数 就 转向 页 面 evenNumbers. jsp, 和 否则 转向 页 面 
oddNumber.jsp。 首 先 访问 task3_8.jsp 页 面 。 


2 任务 的 代码 模板 
task3_8. jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head> 
<title> task3_8. jsp </title> 
</head> 
< body> 
<% 
long i = Math. round(Math. randon() * 10); 
if(i%2==0){ 
System. out. println(" 获 得 的 整数 是 偶数 , 即将 跳 转 到 偶数 页 面 evenNumbers. jsp. ") ; 
Lb 
【代码 1 <! -- 使 用 forward 标记 转向 evenNunbers. jsp 页 面 --> 
<% 
System. out. println(" 我 是 偶数 尝试 一 下 能 看 到 我 吗 ?"); 
else{ 
System. out.println(" 获 得 的 整数 是 奇数 , 即将 跳 转 到 奇数 页 面 oddNumber. jsp. ") ; 
LP 
【代码 2】 ”<! -- 使 用 forward 标记 转向 oddNunber. jsp 页 面 — ^ 
<% 
System. out.println(" 我 是 奇数 尝试 一 下 能 看 到 我 吗 ?"); 
) 
5» 
</body> 
</html> 





evenNumbers. jsp 的 代码 如 下 : 


<% (à page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
< head> 
< title> evenNumbers. jsp </title> 
</head> 
< body> 
我 是 偶数 页 
</body> 
</html > 


oddNumber. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
Jj 


<html> 
< head> 
<title> oddNumber. jsp </title> 
</head> 
< body> 
我 是 奇数 页 
</body> 
</html > 
3. 任务 小 结 或 知识 扩展 


在 该 任务 中 , 当 用 户 请 求 查看 页 面 task3_8. jsp 时 ,如 果 获 取 的 整数 是 偶数 ,那么 只 会 在 
控制 台 上 看 到 “获得 的 整数 是 偶数 ,即将 跳 转 到 偶数 页 面 evenNumbers. jsp。” 这 句 话 , 当 
JSP 引擎 执行 到 过 jsp:forward page— "evenNumbers. jsp. jsp" /这 语句 时 ,会 停止 当前 页 面 
的 执行 , 然后 自动 跳 转 到 evenNumbers. jsp 页 面 , 并 在 客户 端的 浏览 器 上 显示 
evenNumbers. jsp 页 面 内 容 。 如 果 获 取 的 整数 是 奇数 ,那么 只 会 在 控制 台 上 看 到 “获得 的 整 
数 是 奇数 ,即将 跳 转 到 奇数 页 面 oddNumber. jsp。” 这 句 话 , 当 JSP 引擎 执行 到 二 jsp: 
forward page=" oddNumber. jsp" /过 语句 时 ,会 停止 当前 页 面 的 执行 ,然后 自动 跳 转 到 
oddNumber. jsp 页 面 ,并 在 客户 端的 浏览 器 上 显示 oddNumber. jsp 页 面 内 容 。 


4 代码 模板 的 参考 答案 


【代码 1]: < jsp:forward page = "evenNunbers. jsp"/> 
【代码 2]: < jsp:forward page = "oddNunber. jsp"/> 


384 实践 环节 


将 task3_8.jsp 页 面 中 的 forward 动作 标记 修改 为 include 动作 标记 ,并 对 修改 前 与 修 
改 后 的 运行 结果 进行 比较 。 














3.9 param 动作 标记 





391 核心 知识 
动作 标记 param 不 能 独立 使 用 ,但 可 以 作为 include, forward 动作 标记 的 子 标记 来 使 











第 3 章 subs 


En 


用 ,该 标记 以 “名 字 - 值 ”对 形式 为 对 应 页 面 传 递 参 数 。 该 标记 格式 如 下 : 


<jsp: 父 标记 page = "接收 参数 页 面 的 URL"> 
< jsp:param name = "参数 名 " value = "参数 值 "/> 


< jsp: 父 标记 /> 


接收 参数 页 面 可 以 使 用 内 置 对 象 request 调用 getParameter( "参数 名 ") 方 法 获取 动作 


标记 param 传递 过 来 





392 能 力 目 标 











能 够 使 用 param 
参数 。 








393 任务 驱动 








的 参数 值 ,内 置 对 象 将 在 本 书 第 4 章 介绍 。 


动作 标记 作为 include、forward 动作 标记 的 子 标记 为 对 应 页 面 传递 


1 任务 的 主要 内 容 


编写 两 个 JSP 页 


iij task3 9. jsp 和 show. jsp, Æ task3_9. jsp 页 面 中 使 用 include 动作 


标记 动态 包含 文件 show. jsp, 并 向 它 传 递 一 个 名 为 userName, f JJ. kazhafei 的 参数 ; 
show. jsp 收 到 参数 后 ,计算 参数 值 的 字符 个 数 ,并 输出 参数 值 和 它 的 字符 个 数 。 运 行 task3 
_9.jsp 页 面 ,效果 如 图 3. 10 所 示 。 


5o |httpy/ocalhost8080/ch3/task3.9jsp 


加 载 show. jsp 页 面 显示 参数 值 以 及 参数 值 的 字符 个 数 
参数 值 kazhafei 的 字符 个 数 是 8 个 





图 3. 10 用 param 子 标记 向 加 载 的 文件 传递 值 


2 任务 的 代码 模板 
task3_9. jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 


<html> 
< head» 


<title> task3_9. jsp </title> 


</head> 
< body> 


加 载 show. jsp 页 面 显示 参数 值 以 及 参数 值 的 字符 个 数 < br > 
< jsp: include page = "show. jsp"> 
【代码 1 
«/ jsp: include» 
«t -- 代码 1 使 用 paran 子 标记 传递 一 个 名 为 userName, 值 为 kazhatei 的 参数 --> 


</body> 
</html> 


show. jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 


<html> 
< head» 


人 网 站 设计 
82^ 
— <title> show. jsp </title> 
</head> 
< body> 
<% 
String name = request. getParameter ( "userName" ) ; 
int n= name. length( ) ; 
out. print(" 我 是 被 加 载 的 页 面 ,负责 计算 参数 值 的 长 度 < br >"); 
out. print(" 参 数值 " + nane + "的 字符 个 数 是 " +n+ "个 "); 
5» 
</body> 
</html> 


3. 任务 小 结 或 知识 扩展 
当 使 用 include 动作 标记 时 经 常会 使 用 param 子 标记 ,以 便 向 动态 包含 的 JSP 文件 传 
递 必要 的 参数 值 ,这 也 体现 出 include 动作 标记 比 include 指令 标记 灵活 的 特点 。 如 果 向 页 
面 传递 多 个 参数 ,可 以 多 次 使 用 param 子 标 记 。 格 式 如 下 : 
< jsp: 父 标记 page = "接收 参数 页 面 的 URL"> 
< jsp:param name = "参数 名 1" value = "参数 值 1"/> 


< jsp:param name = "参数 名 2" value = "参数 值 2"/> 
< jsp: paran nane = "参数 名 3" value = "参数 值 3"/> 


< jsp: 父 标记 /> 
4 代码 模板 的 参考 答案 


【代码 1]: < jsp:param value = "kazhafei" name = "userName"/> 








394 实践 环节 


编写 两 个 页 面 practice3 9. jsp 和 computer. jsp ,在 页 面 practice3 9. jsp 中 使 用 include 
动作 标记 动态 包含 文件 computer. jsp, 并 向 它 传递 一 个 矩形 的 长 和 宽 ; computer. jsp 收 到 
参数 后 ,计算 和 矩形 面积 ,并 显示 计算 结果 。 运 行 practice3_9. jsp 页 面 , 效 果 如 图 3. 11 所 示 。 
Wi P |htpy/localhost8080/cha/practice3 9jsp 

加 载 computer. jsp 页 面 计算 矩 形 的 面积 

我 是 被 加 载 的 页 面 ， 负 责 计算 矩形 的 面积 

给 我 传递 的 矩形 的 长 度 是 :10. 0, 宽度 是 :6.0 

矩形 的 面积 是 :60. 0 


3.11 用 param 子 标记 向 加 载 的 文件 传递 多 个 值 











3.10 小 结 


本 章 主要 介绍 了 JSP 页 面 的 组 成 ,JSP 脚本 元 素 和 JSP 标记 。 一 个 JSP 页面 通常 由 普 
通 的 HTML 标记 、JSP 注释 Java 脚本 元 素 以 及 JSP 标记 组 成 。JSP 脚本 元 素 包 括 Java 程 
序 片 JSP 页 面 成 员 变 量 与 方法 的 声明 Java 表达 式 。JSP 标记 包括 指令 标记 和 动作 标记 。 
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习 题 3 


1. JSP 页 面 由 哪 几 种 主要 元 素 组 成 ? 

2. 如 果 有 3 个 用 户 访问 一 个 JSP 页 面 , 则 该 页 面 中 Java 程序 片 将 被 执行 几 次 ? 

3. "AURI 04 " Z2 [n] 8 BIER et 59 — 6 RU A " Ze 8] 58 93 B EUR fap a? 

4. 动作 标记 include 和 指令 标记 include 的 区 别 是 什么 ? 

5. 一 个 JSP 页 面 中 是 否 允 许 使 用 page 指令 为 contentType 属性 设置 多 个 值 ? 是 否 允 
许 使 用 page 指令 为 import 属性 设置 多 个 值 ? 

6. 编写 3 个 JSP 页 面 : main. jsp.first. jsp 和 second.jsp, 将 3 个 JSP 文 件 保 存在 同一 
个 Web 服务 目录 中 ,main. jsp 使 用 include 动作 标记 加 载 first. jsp 和 second. jsp 页 面 。 
first. jsp 页 面 可 以 画 出 一 个 表格 ,second. jsp 页 面 可 以 计算 出 两 个 正 整数 的 最 大 公约 数 。 
当 first, jsp 被 加 载 时 获取 main. jsp 页 面 include 动作 标记 的 param 子 标记 提供 的 表格 的 行 
数 和 列 数 , 当 second. jsp 被 加 载 时 获取 main. jsp 页 面 include 动作 标记 的 param 子 标记 提 
供 的 两 个 正 整 数值 。 








有 些 对 象 在 JSP 页 面 中 不 需要 声明 和 实例 化 ,可 以 直接 在 Java 程序 片 和 Java 表达 式 
部 分 使 用 , 称 这 样 的 对 象 为 JSP 内 置 对 象 。JSP 内 置 对 象 由 Web 服务 器 负责 实现 和 管理 ， 
JSP 自 带 了 9 个 功能 强大 的 内 置 对 象 , 包 括 request, response, session, application, out, 
page, pageContext exception 和 config。 本 章 主 要 学 习 前 4 种 内 置 对 象 的 使 用 方法 。 

本 章 涉及 的 JSP 页 面 保存 在 工程 ch4 的 WebContent 中 。 


4.1 请 求 对 象 request 








411 核心 知识 
request 内 置 对 象 是 实现 了 javax. servlet. ServletRequest 接口 的 一 个 实例 。 当 用 户 请 
求 一 个 JSP 页 面 时 ,JSP 页 面 所 在 服务 器 将 用 户 发 出 的 所 有 请 求 信息 封装 在 内 置 对 象 
request 中 ,使 用 该 对 象 就 可 以 获取 用 户 提交 的 信息 。 
request 内 置 对 象 的 常用 方法 如 表 4. 1 所 示 。 
表 4.1 request 对象 的 常用 方法 



































序号 方 法 功能 说 明 
1 Object getAttribute(String name) 返回 指定 属性 的 属性 值 
2 Enumeration getAtrributeNames( ) 返回 所 有 可 用 属性 名 的 枚 举 
3 String getCharacterEncoding( ) 返回 字符 编码 方式 
4 int getContentLength( ) 返回 请 求 体 的 字 节 数 
5 String getContentType( ) 返回 请 求 体 的 MIME 类 型 
6 ServletInputStream getInputStream( ) 返回 请 求 体 中 一 行 的 二 进 制 流 
T String getParameter(String name) 返回 name 指定 参数 的 参数 值 
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续 表 

序号 方 ”法 功能 说 明 

8 Enumeration getParameterNames() 返回 可 用 参数 名 的 枚 举 

9 String[] getParameterValues(String name) 返回 包含 参数 name 的 所 有 值 的 数组 

10 String getProtocol() 返回 请 求 用 的 协议 类 型 及 版 本 号 

11 String getServerName() 返回 接受 请 求 的 服务 器 主机 名 

12 int getServerPort() 返回 服务 器 接受 此 请 求 所 用 的 端口 号 

13 String getRemoteAddr() 返回 发 送 此 请 求 的 客户 端 IP 地 址 

14 String getRemoteHost() 返回 发 送 此 请 求 的 客户 端 主机 名 

15 void setAttribute(String key, Object obj ) 设置 属性 的 属性 值 

16 String getRealPath(String path) 返回 一 虚拟 路 径 的 真实 路 径 


1. request 对 象 获取 表单 信息 

1) String getParameter(String name) 

该 方法 以 字符 串 形式 返回 客户 端 传递 的 某 个 参数 值 ,该 参数 名 由 name 指定 。 
【 例 4.1】 调用 方法 getParameter(String name) 获 取 表 单 信息 。 

例 4.1 页面 文件 example4_1.jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
€ head» 
«title» example4_1. jsp </title> 
</head> 
< body> 
< form action = "getValue. jsp" > 
< input type = "text" name = "userName" /> 
< input type = "submit" value = "提交 "/> 
</form> 
</body> 
</html> 


45] 4. 1 页 面 文件 getValue. jsp 的 代码 如 下 : 


<% (à page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head> 
<title> getValue. jsp </title> 
</head> 
<body> 
<% 
String name = request. getParameter ("userName"); 
out. println(name); 
%> 
</body> 
</html> 


2) String[ ]getParameterValues(String name) 


该 方法 以 字符 串 数组 的 形式 返回 客户 端 向 服务 器 端 传递 的 指定 参数 名 的 所 有 值 。 


【 例 4.2】 调用 方法 getParameterValues (String name) 获 取 表 单 信息 。 
例 4. 2 页 面 文件 example4 2.jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
X head? 
«title» example4 2. jsp </title> 
</head> 
< body> 
< form action = "getValues. jsp"> 
选择 您 去 过 的 城市 : < br/> 
< input type = "checkbox" name = "cities" value = "beijing"/> 北 京 
< input type = "checkbox" name = "cities" value = "shanghai"/> 上 海 
< input type = "checkbox" name = "cities" value = "xianggang"/> 香 港 
< input type = "submit" value = "提交 "人 > 
</form> 
</body> 
</html> 


例 4. 2 页 面 文件 getValues. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head> 
<title> getValues. jsp </title> 
</head> 
< body> 
您 去 过 的 城市 : < br> 
<% 
String yourCities[] = request. getParameterValues("cities"); 
for(int i = 0; i< yourCities. length; i ++){ 
out.println(yourCities[i] + "<br>"); 
%> 
</body> 
</html> 


2 NulPointerException 异常 
如 果 不 选 择 example4_2. jsp 页 面 中 的 城市 ,直接 单 击 “ 提 交 ” 按 钮 ,那么 getValues. jsp 


页 面 就 会 提示 出现 NullPointerException 异常 。 为 了 避免 在 运行 时 出 现 
NullPointerException 异常 ,在 getValues. jsp 页 面 中 使 用 如 下 代码 : 


if(yourCities != null){ 
for(int i = 0;i< yourCities.length; i ++){ 
out. print (yourCities[i] + "<br>"); 
J 








412 能 力 目标 








能 够 灵活 使 用 request 内 置 对 象 获 取 客户 提交 的 信息 。 








413 任务 驱动 
1 任务 的 主要 内 容 
编写 两 个 JSP 页 面 task4 1.jsp 和 task4_1_1. jsp,task4_1.jsp 通过 表单 向 task4 1 1. 
jsp 提交 输入 的 姓名 和 选择 的 城市 ,task4_1_1.jsp 负责 获得 表单 提交 的 信息 并 显示 。 页 面 
运行 效果 如 图 4.1 所 示 。 


c» BI P [http//localhost8080/ch4/task4 1jsp 


























您 所在 的 省 份 ， v TI 
m vwr IURE. ahi 
zz 您 选择 的 性 别 是 ，fenale 





图 4.1 request 获得 表单 信息 


2 任务 的 代码 模板 
task4_1.jsp 的 代码 如 下 : 


<% (9 page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 


<html> 
<head> 
<title> task4_1. jsp </title> 
</head> 
<body> 
< form action = "task4_1_1. jsp" method = "post"> 
您 所 在 的 省 份 : 
< select name = "province"> 
< option value = "liaoning"> 辽 宁 </option> 
< option value = "anhui"> 安 徽 </option> 
< option value = "shandong"> 山 东 </option> 
</select> 
<br> 
您 的 性 别 : 
< input type = "radio" name = "sex" value = "male"> 男 
< input type = "radio" name = "sex" value = "female"> 女 
<br> 
< input type = "submit" value = "提交 "> 
</form> 
</body> 
«/htnl > 


task4 1 1.jsp 的 代码 如 下 : 


<% (8 page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
< head> 
<title> task4_1_1. jsp</title> 
</head> 
< body> 
<% 
String myprovince =【 代 码 1]// 获 得 task4_1. jsp 页 面 选择 的 省 份 


88) 


String nysex =【 代 码 2]// 获 得 task4_1. jsp 页 面 选择 的 性 别 
Lb 
您 选择 的 省 份 是 : <% = nyprovince $»« br» 
您 选择 的 性 别 是 : <% = mysex %> 
</body> 
</html > 


3. 任务 小 结 或 知识 扩展 

Java 的 内 核 和 class 文件 是 基于 unicode 的 ,这 使 Java 程序 具有 良好 的 跨 平台 性 ,但 也 
产生 了 一 些 中 文 乱码 问题 。 

1) 表单 提交 方式 为 post 时 出 现 的 乱码 

如 果 在 example4_1. jsp 页 面 的 文本 框 中 输入 中 文 姓名 ,那么 getValue. jsp 页 面 获得 的 
姓名 是 乱码 。 解 决 该 乱码 的 常用 方法 有 如 下 两 种 。 

| 使 用 setCharacterEncoding(String code) 方 法 设置 统一 字符 编码 。request 对 象 提供 
了 方法 setCharacterEncoding(String code) 设 置 编 码 ,其 中 参数 code 以 字符 串 形 式 传人 要 
设置 的 编码 格式 ,但 这 种 方法 仅 对 于 提交 方式 是 post 的 表单 (表单 默认 的 提交 方式 是 get) 
有 效 。 例 如 ,使 用 该 方法 解决 例 4. 1 中 的 getValue.jsp 页 面 出 现 的 中 文 乱 码 问 题 ,需要 完成 
两 项 工作 。 

首先 ,将 example4_1.jsp 中 的 表单 提交 方式 改 为 post, 具 体 代码 如 下 : 


< form action = "getValue. jsp" method = "post"> 


其 次 ,在 getValue. jsp 中 获取 表单 信息 之 前 设置 统一 编码 ,具体 代码 如 下 : 
request. setCharacterEncoding("GBK") ; 


使 用 该 方法 解决 中 文 乱码 问题 时 ,接受 参数 的 每 个 页 面 都 需要 执行 request. 
setCharacterEncoding(" GBK'O 。 为 了 避免 每 个 页 面 都 编写 request. setCharacterEncoding 
("GBK") 语 句 ,可 以 使 用 过 滤器 对 所 有 JSP 页 面 进 行 编码 处 理 。 过 滤器 将 在 第 8 章 讲解 。 

@ 对 获取 的 信息 进行 重新 编码 。 通 过 内 置 对 象 request 获取 到 字符 串 的 值 后 ,对 该 字 
符 串 使 用 ISO-8859-1 重新 编码 ,并 把 编码 的 结果 存放 到 一 个 字 节 数组 中 ,然后 再 将 这 个 字 
节 数 组 转化 为 字符 串 。 例 如 ,使 用 该 方法 解决 例 4. 1 中 的 getValue. jsp 页 面 出 现 的 中 文 乱 
码 问 题 ,具体 代码 如 下 : 

String name = request.getParameter("userName"); 

byte b[] = name.getBytes("ISO - 8859 - 1"); 

name - new String(b); 

2) 表单 提交 方式 为 get 时 出 现 的 乱码 

如 果 使 用 get 方式 提交 中 文 ,接收 参数 的 页 面 也 会 产生 乱码 ,这 个 乱码 是 Tomcat 的 内 
部 编码 格式 ISO-8859-1 导致 的 。Tomcat 会 以 get 的 默认 编码 方式 ISO-8859-1 对 汉字 进行 
编码 ,编码 后 追加 到 URL 中 ,导致 接收 页 面 得 到 的 参数 值 为 乱码 。 解 决 方法 如 下 。 

CD 对 接收 到 的 字符 进行 重新 编码 (post 提交 方式 解决 办 法 的 第 二 种 ) 。 

© 配置 Tomcat 下 server. xml 的 Connector 节点 。 在 Tomcat 的 server. xml 文件 中 找 
到 Connector 节点 进行 配置 ,配置 前 的 Connector 节点 代码 如 下 : 


第 4 章 PAEH | 

; 89 
< Connector connectionTimeout = "20000" port = "8080" protocol - "HTTP/1. 1" redirectPort = 
"8443" /» 


配置 后 的 Connector 节点 代码 如 下 : 


< Connector URIEncoding = "GBK" connectionTimeout = "20000" port = "8080" protocol = "HTTP/1.1" 
redirectPort = "8443" /» 


3) JSP 页 面 通过 URL 传递 中 文 参数 的 乱码 问题 
在 项 目 中 ,可 能 会 遇 到 在 JSP 页 面 跳 转 中 传递 中 文字 符 。 例 如 : 


http://ch4/test1. jsp?act = test&type = 测试 


解决 URL 传递 参数 乱码 问题 的 方法 如 下 : 

(D 配置 Tomcat 下 server. xml 的 Connector 节点 (get 提交 方式 解决 办 法 的 第 二 种 ) 。 
© 对 URL 中 的 中 文字 符 进行 编码 。 

【 例 4.3】 对 URL 中 的 中 文字 符 进行 编码 。 

例 4. 3 传递 参数 页 面 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% @ page import = "java.net. *" %> 
<html> 
< head» 
«title» URL 传 参 </title> 
</head> 
<body> 
«a href = "test. jsp?a =<% = URLEncoder. encode(" 3: JE") %> "> URL 传 参 </a> 
</body> 
</html > 


例 4. 3 接收 参数 页 面 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% (à page import = "java. net. *" $> 
<html> 
< head> 
«title» test. jsp </title> 
</head> 
< body> 
<% 
Stringa = URLDecoder. decode( request. getParameter("a")); 
out. println(new String(a.getBytes("ISO - 8859 - 1"), "GBK" )); 
Lb 
</body> 
«/htnl > 


注意 : 上 述 中 文 乱 码 解决 方法 不 要 重复 或 交叉 使 用 。 例 如 , 既 配 置 Tomcat F server. 
xml 的 Connector 节点 ,又 对 URL 中 的 中 文字 符 进 行 编码 。 

4) 字符 集 

为 了 更 好 地 理解 中 文 乱码 的 解决 方法 ,需要 了 解 几 种 常用 的 字符 集 。 


(D ASCII。ASCIICAmerican Standard Code for Information Interchange, 美 国信 息 互 
换 标准 代码 ) ,是 基于 常用 英文 字符 的 一 套 编 码 。 

@ ISO-8859-1。ISO-8859-1 编码 通常 叫 作 Latin-1, 除 收录 ASCI 字符 外 ,还 增加 了 其 
他 一 些 语言 和 地 区 需要 的 字符 。 该 编码 是 Tomcat 服务 器 默认 采用 的 字符 编码 。 

@ GB2312, GB2312 码 是 中 华人 民 共 和 国 国 家 标准 汉字 信息 交换 用 编码 ,简称 国标 
码 , 是 由 国家 标准 总 局 发 布 的 关于 汉字 的 编码 ,通行 于 中 国 大 陆 和 新 加 坡 。 

@ GBK. GBK 编码 规范 ,除了 完全 兼容 GB2312, 还 对 繁体 中 文 和 一 些 不 常用 的 字符 
进行 了 编码 。GBK 是 现 阶 段 Windows 和 其 他 一 些 中 文 操作 系统 的 默认 字符 集 。 

© Unicode, Unicode 为 统一 的 字符 编码 标准 集 ,为 地 球 上 几乎 所 有 地 区 每 种 语言 中 
的 每 个 字符 设 定 了 统一 并 且 唯 一 的 编码 ,以 满足 跨 语言 . 跨 平 台 进 行文 本 转换 、 人 处 理 的 要 求 。 

(0 UTF-8. UTF-8 是 Unicode 的 一 种 变 长 字符 编码 。 用 在 网 页 上 可 以 同一 页 面 显示 
中 文 和 其 他 语言 。 当 处 理 包 含 多 国文 字 的 信息 页 面 时 一 般 选 择 用 UTF-8。 


4 代码 模板 的 参考 答案 


代码 1]: request. getParaneter("province"); 
equ 
【代码 2]: request. getParaneter("sex") ; 





414 实践 环节 


使 用 两 种 方法 (设置 统一 编码 和 重新 编码 ) 解 决 example4_1. jsp 和 getValue. jsp 页 面 
中 出 现 的 中 文 乱码 问题 。 











4.2 应 答对 象 response 





421 核心 知识 


当 用 户 请 求 服务 器 一 个 页 面 时 ,会 提交 一 个 HTTP 请 求 ,服务 器 收 到 请 求 后 ,返回 
HTTP 响应 。request 对 象 对 请 求 信息 进行 封装 ,与 request 对 象 对 应 的 对 象 是 response 对 
象 。response 对 象 对 用 户 的 请 求 做 出 动态 响应 。 动 态 响应 通常 有 动态 改变 contentType 属 
性 值 . 设 置 响应 表 头 和 response 重 定向 。 


1. 动态 改变 contentType 属性 值 

JSP 页 面 用 page 指令 标记 设置 了 页 面 的 contentType 属性 值 ,response 对 象 按照 此 属 
性 值 的 方式 对 客户 做 出 响应 。 在 page 指令 中 只 能 为 contentType 属性 指定 一 个 值 。 如 果 
想 动态 改变 contentType 属性 值 , 换 一 种 方式 来 响应 客户 ,可 以 让 response 对 象 调用 
setContentType(String s) 方 法 来 重新 设置 content Type 的 属性 值 。 


2 设置 响应 表 头 (HTIP 文件 头 ) 

response 对 象 可 以 通过 方法 setHeader(String name. String value) 设 置 指定 名 字 的 
HTTP 文件 头 的 值 ,以 此 来 操作 HTTP 文 件 头 。 如 果 和 希望 某 页 面 每 3 秒 刷新 一 次 ,那么 在 
该 页 面 中 添加 如 下 代码 : 











response. setHeader("refresh","3"); 


3. response 重 定向 


EIE AED 


ir 


需要 将 用 户 引导 至 另 一 个 页 面 时 ,可 以 使 用 reponse 对 象 的 sendRedirect (String url) 
方法 实现 用 户 的 重 定 向 。 例 如 ,用 户 输入 的 表单 信息 不 完整 或 有 误 , 应 该 再 次 被 重 定向 到 输 





人 页 面 。 
422 能 力 目 标 











423 任务 驱动 











能 够 灵活 使 用 response 内 置 对 象 动态 响应 用 户 的 请 求 。 


任务 1: 动态 改变 contertTye 属性 值 


(1) 任务 的 主要 内 容 。 
编写 一 个 JSP 页 面 task4_2_1.jsp, 客 户 端 通过 单 击 页 面 上 的 不 同 按钮 ,可 以 改变 页 面 
响应 的 MIME 类 型 。 当 单 击 word 按钮 时 ,JSP 页 面 动态 地 改变 content Type 的 属性 值 为 
application/msword, 浏 览 器 启用 本 地 的 Word 软件 来 显示 当前 页 面 内 容 ; 当 单 击 excel 按 
钮 时 ,JSP 页 面 动态 地 改变 content Type 的 属性 值 为 application/vnd. ms-excel, 浏 览 器 启用 
本 地 的 Excel 软件 来 显示 当前 页 面 内 容 。 效 果 如 图 4. 2 所 示 。 





o BE P |httpV/localhost8080/ch4/task4 2_1jsp 








我 们 在 学 习 使 用 response 动 态 改变 contentType 属 性 值 


(a) texthtml 响 应 方式 


mem E sj 





我 们 在 学 习 使 用 response 动态 改变 contentType 属性 什 


word | excel 


(b) application/mswordllfi 7j 3X 
17 ~ Quum] 











BEL C Dmm a) 
1 | 我 们 在 学 习 使 用 response 动 态 改变 contentType 属 性 值 
-2] 
3 word excel 

(c) application/vnd.ms-excel 响 应 方式 


图 4.2 任务 task4_2_1 的 效果 图 


(2) 任务 的 代码 模板 。 
task4 2 1.jsp 的 代码 模板 如 下 : 


<% (à page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" %> 


<html> 
<head> 


«title» task4 2 1.jsp</title> 
</head> 
<body> 
< form action = "" method = "post"> 
<p> 我 们 在 学 习 使 用 response 动态 改变 contentType 属性 值 
<p> 
< input type = "submit" value = "word" name = "submit" 
< input type = "submit" value = "excel" name = "submit"» 
<% 
String str = request. getParameter ("submit"); 
if ("word".equals(str)) ( 
【代码 1]//response 调用 setContentType 方法 设置 MIME 类 型 为 application/msword 
Jelse if ("excel".equals(str)) ( 
【代码 2]/ * response 调用 setContentType 方法 设置 MIME 类 型 为 application/ vnd. 
ms 一 excelx / 
) 
$> 
</form> 
</body> 
</html> 


(3) 任务 小 结 或 知识 扩展 。 

response 对 象 调用 setContentType(String s) 方 法 来 重新 设置 网 页 响应 的 MIME 类 
型 。 常见 的 MIME 类 型 有 text/html, application/msword, application/vnd. ms-excel、 
image/gif, image/jpeg. application/vnd. ms-powerpoint, application/x-shockwave-flash、 
application/pdf 等 。 

(4) 代码 模板 的 参考 答案 。 


【代码 1]: response. setContentType( "application/msword"); 
【代码 2]: response. setContentType( "application/vnd.ms — excel"); 


任务 2: 设置 响应 表 头 


(1) 任务 的 主要 内 容 。 

编写 一 个 JSP 页 面 task4_2_2. jsp, 在 该 页 面 中 使 用 response 对 象 设置 一 个 响应 头 
refresh, 其 值 是 3。 那么 用 户 收 到 这 个 头 之 后 ,该 页 面 会 每 3 秒 刷 新 一 次 。 

(2) 任务 的 代码 模板 。 

task4 2 2.jsp 的 代码 模板 如 下 : 


<% (8 page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% (à page import = "java. util. *" $> 
<html> 
<head > 
<title> task4 2 2.jsp</title> 
</head> 
<body> 
< h2 > 该 页 面 每 3 秒 刷新 1 次 </h2 > 
<p> 现 在 的 秒 钟 时 间 是 : 
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<% 
Date d= new Date() ; 
out. print("" + d. getSeconds()) ; 
【代码 1 // 使 用 response 对 象 设置 一 个 响应 头 “refresh”, 其 值 是 “3” 


(3) 任务 小 结 或 知识 扩展 。 

有 时 候 希 望 从 当前 页 面 几 秒 后 自动 跳 转 到 另 一 个 页 面 。 比 如 ,打开 one. jsp 页 面 3 秒 
后 ,自动 跳 转 到 another. jsp 页 面 (one. jsp 与 another. jsp 在 同一 个 Web 服务 目录 下 )。 这 
该 如 何 实现 呢 ? 只 需要 为 one. jsp 设置 一 个 响应 头 即 可 ,也 就 是 在 one. jsp 页 面 中 添加 如 下 
代码 : 


response. setHeader("refresh","3;url- another. jsp"); 


(4) 代码 模板 的 参考 答案 。 


【代码 1]: response. setHeader("refresh","3"); 


任务 3. 重 定向 

(1) 任务 的 主要 内 容 。 

编写 两 个 JSP 页 面 task4 2 3.jsp 和 enter.jsp, 如 果 在 页 面 task4_2_3. jsp 中 输入 正确 
的 密码 2016manpinde, 单 击 Come on 按钮 后 提交 给 页 面 enter. jsp, 如 果 输 入 不 正确 ,重新 
定向 到 task4_2_3.jsp 页 面 。 先 运行 task4 2 3.jsp 页 面 ,页 面 效 果 如 图 4.3 所 示 。 


o ONE P [hapy/localhost8080/ch4/task4 2 3jsp 


输入 密 钥 ， 











| cone on | 








(a) task4 2 3jsp 页 面 


2016 年 是 蛮 拼 的 一 年 
(b) enterjsp 页 面 


4.3 页 面 效 果 图 





(2) 任务 的 代码 模板 。 
task4 2 3.jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
X head? 
«title» task4 2 3. jsp </title> 
</head> 
< body> 
< form action = "enter. jsp" method = "post" name = form> 
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Vut" <p> 
输入 密 钥 : 
<br> 
< input type = "password" name = "pwd"/> 
< input type = "submit" value = "Come on"> 
«/forn» 
</body> 
</html> 


enter. jsp 的 代码 模板 如 下 : 


<% (à page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 


<html> 
< head» 
«title» enter. jsp </title> 
</head> 
< body> 
<% 
String str = request. getParameter ("pwd") ; 
if (!"2016manpinde" .equals(str)) { 
RE 1) // 重 定向 到 task4_2_3. jsp 页 面 重新 输入 密码 
) else { 
out. print ("2016 年 是 蛮 拼 的 一 年 !"); 
l 
%> 
</body> 
</html> 


(3) 任务 小 结 或 知识 扩展 。 

response 对 象 的 sendRedirect 方法 是 在 用 户 的 浏览 器 端 工作 的 , Web 服务 器 要 求 浏览 
器 重新 发 送 一 个 到 被 定向 页 面 的 请 求 。 在 浏览 器 地 址 栏 上 会 出 现 重 定向 页 面 的 URL, 且 为 
绝对 路 径 。 

forward 动作 标记 也 可 以 实现 页 面 的 跳 转 , 如 过 jsp:forward page= "info. jsp"/>. 1H 
使 用 forward 动作 标记 与 response 对 象 调用 sendRedirect 不 同 。 两 者 的 区 别 如 下 。 

QD forward 为 服务 器 端 跳 转 ,浏览 器 地 址 栏 不 变 ; sendRedirect 为 客户 端 跳 转 ,浏览 器 
地 址 栏 改变 为 新 页 面 的 URL. 

© 执行 到 forward 标记 出 现 处 停止 当前 JSP 页 面 的 继续 执行 ,而 转向 标记 中 page 属性 
指定 的 页 面 ; sendRedirect 是 所 有 代码 执行 完毕 之 后 再 跳 转 。 

© 使 用 forward, request 请 求 信息 能 够 保留 到 下 一 个 页 面 ; 使 用 sendRedirect 不 能 保 
留 request 请 求 信息 。 

(D forward 传递 参数 的 格式 如 下 : 


< jsp:forward page - "info. jsp"> 
< jsp:param name = "no" value = "001"/> 
< jsp:param name = "age" value = "18"/» 


</jsp:forward> 


xix SAD 0 
"(um 
response 对 象 的 sendRedirect 传递 参数 的 方式 如 下 : Iu 
response. sendRedirect(" info. jsp?sno = 001&sage = 18") ; 
(4) 代码 模板 的 参考 答案 。 


【代码 1]: response. sendRedirect("task4 2 3.jsp"); 








424 实践 环节 


编写 3 个 JSP 页 面 login_1.jsp、server.jsp 和 loginSuccess.jsp。 在 页 面 login_1.jsp 中 
输入 用 户 名 和 密码 , 单 击 “ 提 交 ” 按 钮 将 输入 的 信息 提交 给 页 面 server.jsp。 在 server. jsp 页 
面 中 进行 登录 验证 : 如 果 输 入 正确 (用 户 名 zhangsan, 密 码 123) ,提示 “成 功 登 录 ,3 秒 钟 后 
进入 loginSuccess. jsp 页 面 ", 如 果 输 入 不 正确 ,重新 定向 到 login_1. jsp 页 面 。 先 运行 login 
_1.jsp 页 面 ,页 面 运行 效果 如 图 4.4 所 示 。 























€ > Q [localhost:8080/ch4/login 1jsp 
姓名 ,| 
SS. 
提交 | 


(a) login_1.jsp 页 面 
€ 3 © |D localhost:8080/ch4/serverjsp 
成 功 登 录 ，3 秒 后 进入 loginSuccess. jsp 页 面 
(b) serverjsp 页 面 








€ > Q [localhost:8080/ch4/loginSuccess.jsp 
欢迎 张 三 登录 成 功 ! 
(c) loginSuccessjsp 页 面 


图 4.4 页 面 效果 图 





4.3 会 话 对 象 session 


浏览 器 与 Web 服务 器 之 间 使 用 HTTP 协议 进行 通信 。HTTP 是 一 种 无 状态 协议 , 客 
户 向 服务 器 发 出 请 求 (request) ,服务 器 返回 响应 (response) ,连接 就 被 关闭 了 ,在 服务 器 端 
不 保留 连接 的 相关 信息 。 所 以 服务 器 必须 采取 某 种 手段 来 记录 每 个 客户 的 连接 信息 。Web 
展 务 器 可 以 使 用 内 置 对 象 session 来 存放 有 关连 接 的 信息 。session 对 象 指 的 是 客户 端 与 服 
务 器 端的 一 次 会 话 ,从 客户 端 连 到 服务 器 的 一 个 Web 应 用 程序 开始 ,直到 客户 端 与 服务 器 
断 开 为 止 。 


431 核心 知识 


1. session 对 象 的 ID 
Web 服务 器 会 给 每 一 个 用 户 自动 创建 一 个 session 对 象 ,为 每 个 session 对 象 分 配 一 个 
唯一 标识 的 String 类 型 的 session ID, 这 个 ID 用 于 区 分 其 他 用 户 。 这 样 每 个 用 户 都 对 应 着 

















一 个 session 对 象 ,不 同 用 户 的 session 对 象 互 不 相同 。session 对 象 调用 getId() 方 法 就 可 
以 获取 当前 session 对 象 的 ID。 
[9514.4] 编写 3 个 JSP 页 面 example4_4_1. jsp example4_4_2. jsp 和 example4 4 3. 
jsp, 其 中 , example4 4 2.jsp 存放 在 目录 tom 中 ,example4 4 _3.jsp 存放 在 目录 cat 中 。 用 
户 首先 访问 example4 4 1.jsp 页面 ,从 该 页 面 链接 到 example4 4 2. jsp 页 面 , 然 后 再 从 
example4 4 2.jsp 页 面 链接 到 example4_4_3.jsp, 效 果 如 图 4.5 所 示 。 
Bi |httpy/localhost8080/ch4/example4 4 1jsp 
年 轻 人 如 何 养生 呢 ? 


先 看 看 Web 服 务 器 给 我 分 配 的 session 对 象 的 ID， 
AAD1D5F8A70341FBC50CDE25F67628E6 


单 击 链接 去 吃 睡 篇 看 看 吧 ? 
(a) example4_4_1.jsp 页 面 效 果 
<P = NI P [http//localhost8080/ch4/tom/example4 4_2jsp 
欢迎 您 进入 养生 之 吃 睡 篇 ! 


先 看 看 Web 服 务 器 给 我 分 配 的 session 对 象 的 ID: 
AAD1D5F8A70341FBC50CDE25F67628E6 


吃 ， 不 忆 嘴 ， 五 谷 杂粮 、 蔬 菜 水 果 通 吃 不 挑 食 
睡 ， 早 睡 早起 不 熬夜 


单 击 链接 去 运动 篇 看 看 吧 ? 
(b) example4_4_2.jsp 页 面 效 果 











中。 m È |htpVWiocalhost80801/ch4/catexample4 4 3jsp 
欢迎 您 进入 养生 之 运动 篇 


先 看 看 web 服务 器 给 我 分 配 的 session 对 象 的 ID， 
AADIDSF8A70341FBCS0CDE25F67628E6 


动 , 坚 RSEN E RORARAENTN, 
总 之 ， 生 活 规律 化 ， 坚 持 长 期 运动 
单 击 链接 去 首页 看 看 吧 ? 

(c) example4 4 3.jsp 页 面 效果 


图 4.5 获取 session 对 象 的 ID 





例 4.4 页 面 文件 example4_4_1.jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head> 
<title> example4 4 1.jsp</title> 
</head> 
<body> 
年 轻 人 如 何 养生 呢 ?< br >< br > 
先 看 看 Web 服务 器 给 我 分 配 的 session 对 象 的 ID: 
<% 
String id = session. getId(); 
$> 
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<br> 
<% =id $> 
<br><br> 
单 击 链接 去 <a href = "tom/example4_4_2. jsp"> 吃 睡 篇 </a> 看 看 吧 ? 
</body> 
</html> 


例 4.4 页 面 文件 example4_4_2. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head> 
«title» example4_4_2. jsp </title> 
</head> 
< body> 
欢迎 您 进入 养生 之 < font size = 5> 吃 睡 篇 </font >!<br><br> 
先 看 看 Web 服务 器 给 我 分 配 的 session 对 象 的 ID: 
<% 
String id = session. getId(); 
5» 
<br> 
<% =id $> 
<br><br> 
EREN, ERAR ,蔬菜 水 果 通 吃 不 挑食 < br > 
睡 , 早 睡 早起 不 熬夜 < br >< br > 
点 击 链 接 去 <a href = ". . /cat/example4_4_3. jsp"> 运 动 篇 </a> 看 看 吧 ? 
</body> 
</html> 


例 4. 4 页 面 文件 example4_4_3.jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
«html» 
< head» 
«title» example4 4 3. jsp </title> 
</head> 
< body> 
欢迎 您 进入 养生 之 < font size = 5 > 运动 篇 </font >!< br >< br» 
先 看 看 Web 服务 器 给 我 分 配 的 session 对 象 的 ID: 
<% 
String id = session. getId(); 
%> 
<br> 
<4 - id $5 
<br><br> 
动 ,坚持 运动 一 一 这 一 点 年 轻 人 很 多 都 做 不 好 ,< br > 高 兴起 来 就 拼命 打球 , 懒 起 来 拼命 睡 
觉 , 不 好 !<br> 
总 之 ,生活 规律 化 ,坚持 长 期 运动 <br><br> 
单 击 链接 去 <a href = ". . /example4_4_1. jsp"> 首 页 </a> 看 看 吧 ? 
</body> 
</html > 
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从 例 4.4 各 个 页 面 的 运行 结果 可 以 看 出 ,一 个 用 户 在 同一 个 Web 服务 目录 中 只 有 一 个 
session 对 象 , 当 用 户 访问 相同 Web 服务 目录 的 其 他 页 面 时 , Web 服务 器 不 会 再 重新 分 配 
session 对 象 ,直到 用 户 关闭 浏览 器 或 这 个 session 对 象 达到 了 它 的 生存 期 限 。 当 用 户 重 新 
打开 浏览 器 再 访问 该 Web 服务 目录 时 , Web 服务 器 为 该 客户 再 创建 一 个 新 的 session 
对 象 。 

需要 注意 的 是 ,同一 用 户 在 多 个 不 同 的 Web 服务 目录 中 所 对 应 的 session 对 象 是 不 同 
的 ,一 个 服务 目录 对 应 一 个 session 对 象 。 


2. session 对 象 存储 数据 

使 用 session 对 象 可 以 保存 用 户 在 访问 某 个 Web 服务 目录 期 间 的 有 关 数 据 。 有 关 处 理 
数据 的 方法 如 下 。 

1) public void setAttribute(String key, Object obj) 

TERR obj 指定 的 对 象 保存 到 session 对 象 中 ,key 为 所 保存 的 对 象 指定 一 个 关键 字 。 
若 保 存 的 两 个 对 象 关键 字 相 同 , 则 先 保存 的 对 象 被 清除 。 

2) public Object getAttibute(String key) 

获取 session 中 关键 字 是 key 的 对 象 。 

3) public void removeAttribute(String key) 

从 session 中 删除 关键 字 key 所 对 应 的 对 象 。 

4) public Enumeration getAttributeNames() 

产生 一 个 枚 举 对 象 ,该 枚 举 对 象 可 使 用 方法 nextElemets O3 JJ session 中 各 个 对 象 所 
对 应 的 关键 字 。 

【 例 4.5】 使 用 session 对 象 模拟 在 线 考试 系统 。 编 写 3 个 JSP 页 面 example4_5_1. 
jsp、example4_5_2. jsp 和 example4_5_3. jsp, Æ example4_5_1. jsp 页 面 中 考试 ,在 
example4_5_2. jsp 页 面 中 显示 答题 结果 ,在 example4_5_3. jsp 页 面 中 计算 并 公布 考试 成 
绩 。 首 先 运行 example4_5_1.jsp 页 面 ,效果 如 图 4.6 所 示 。 

例 4.5 页 面 文件 example4_5_1.jsp 的 代码 如 下 : 


<% (8 page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head> 
<title> example4 5_1.jsp</title> 
</head> 
<body> 
< form action = "example4_5_2. jsp" method = "post"> 
考 号 : 
< input type = "text" name = "id"/> 
<p> 
一 单项 选择 题 (每 题 2 分 ) 
< br/>< br/> 
1. 下 列 哪个 方法 是 获取 session 中 关键 字 是 key 的 对 象 ( ). 
<br /> 
< input type = "radio" name = "one" value = "A"/» 
A. public void setAttribute(String key, Object obj)« br/> 
< input type = "radio" name = "one" value = "B"/> 





oon |hapy/localhost8080/ch4/example4 5 1jsp 
者 号 ， [ol0888 

一 、 单 项 选择 题 (EO) 
1 下列 哪个 方法 是 获取 session 中 关键 字 是 key 的 对 象 ( ) 。 


O A. public void setAttribute(String key, Object obj) 
O B. public void removedttribute(String key) 

O C. public Enumeration getáttributeNames () 

图 D. public Object getAttibute(String key) 


=. PIE (每 题 2 分 ) 


1. 同 一 客户 在 多 个 Web 服 务 目录 中 ， 所 对 应 的 session 对 象 是 互 不 相同 的 。 
O True 9 False 




















[sx ] [us 











(a) 试卷 页 面 
4 co WI P [http//localhost80B0/ch4/example4 5 2jsp 


您 的 考 号 ，010888 
一 、 单 项 选择 题 (S05) 


1.D 
二 、 判 断 题 〈 每 题 分 ) 
1.False 


[müsse] suus 
(b) 确认 页 面 
(o Ni d [http//localhost8080/ch4/example4 5 3jsp 


您 的 成 绩 公布 如 下 ， 
#5 | 成绩 
区 EE 






































(c) 成 绩 公布 页 面 
图 4.6 session 对 象 模拟 考试 系统 


B. public void removeAttribute(String key)« br/» 
< input type = "radio" name = "one" value = "C"/» 
C. public Enumeration getAttributeNames()« br/> 
< input type = "radio" name = "one" value = "D"/> 
D. public Object getAttibute(String key)< br/> 

</p> 

<p> 
二 ,判断 题 (每 题 2 分 ) 
<br/><br/> 
1. 同 一 客户 在 多 个 Web 服务 目录 中 ,所 对 应 的 session 对 象 是 互 不 相同 的 。 
<br/> 
< input type = "radio" name = "two" value = "True"/> 
True 
< input type = "radio" name = "two" value = "False"/» 
False 

</p><br/> 

< input type = "submit" value = "提交 " name= submit» 

< input type= "reset" value = "fi Ei" name = reset > 

</form> 
</body> 


«/htnl» 
例 4. 5 页 面 文件 example4 5 2.jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
< head> 
<title> example4_5_2. jsp </title> 
</head> 
< body> 
< form action = "example4_5_3. jsp" method = "post"> 
<% 
// 考 号 
String id = request. getParameter(" id"); 
// 把 考 号 这 以 "id" 为 关键 字 存储 到 session 对 象 中 
session.setAttribute("id", id); 
// 单 项 选择 第 一 题 
String first = request.getParameter("one"); 
// 把 答案 first 以 "one" 为 关键 字 存储 到 session 对 象 中 
session. sethttribute("one", first); 
// 判 断 第 一 题 
String second = request.getParameter("two"); 
// 把 答案 second 以 "two" 为 关键 字 存储 到 session 对 象 中 
session. setAttribute( "two", second); 
%> 
您 的 考 号 : <% = id%><br/> 
一 ,单项 选择 题 (每 题 2 分 ) 
<br/> 
1.<% = first %> 
<br /> 
二 ,判断 题 (每 题 2 分 ) 
<br /> 
1.<% = second %>< br/> 
< input type = "submit" value = "确认 完毕 "/> 
<a href = "example4_5_1. jsp"> 重 新 答题 </a> 
</form> 
</body> 
</html > 


ffi] 4.5 页 面 文件 example4 5 3.jsp 的 代码 如 下 : 


<% (8 page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
< head> 
<title> example4_5_3. jsp </title> 
</head> 
< body> 
<% 
// 获 取 考 号 
// 获 取 session 中 关键 字 是 这 的 对 象 ( 考 号 ) 
String id = (String) session. getAttribute(" id"); 
// 计 算 成 绩 
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int sum = 0; 
// 如 果 单 项 选择 第 一 题 选中 D 选项 ,得 2 分 
// 获 取 session 中 关键 字 是 one 的 对 象 (选择 答案 ) 
String first = (String) session.getAttribute("one"); 
if ("D".equals(first)) ( 
sum += 2; 
} 
// 如 果 判 断 第 一 题 选 中 True, 得 2 分 
// 获 取 session 中 关键 字 是 two 的 对 象 (判断 答案 ) 
String second = (String) session.getAttribute("two"); 
if ("True". equals(second)) ( 
sum += 2; 
} 
5» 
您 的 成 绩 公 布 如 下 : 
<table border = "1"> 
«tr» 
< th width= "50 $ "> 


<tr> 
<td><% = id&»«/td» 
<td align= "right"><% = sum %></td> 
</tr> 
</table> 
</body> 
</html> 


3. session 对 象 的 生存 期 限 
一 个 用 户 在 某 个 Web 服务 目录 中 的 session 对 象 的 生存 期 限 依赖 于 以 下 几 个 因素 。 
CD 用 户 是 否 关闭 浏览 器 。 
(2) session 对 象 是 否 调用 invalidate() 方 法 。 
(3) session 对 象 是 否 达 到 设置 的 最 长 “发 果 ” 时 间 。 
与 session 对 象 生命 周期 相关 的 方法 如 表 4. 2 所 示 。 
表 4.2 session 对 象 的 方法 





























序号 5 法 功能 说 明 
1 long getCreationTime( ) 返回 session 创建 时 间 
Z long getLastAccessedTime ( ) 返回 此 session 里 客户 端 最 近 一 次 请 求 时间 
3 int getMaxInactiveInterval( ) 返回 两 次 请 求 间隔 时 间 ( 单 位 是 秒 ) 
4 void invalidate( ) 使 session 失效 
5 boolean isNew( ) 判断 客户 端 是 否 已 经 加 入 服务 器 创建 的 session 
6 void setMaxInactiveJInterval( ) 设置 两 次 请 求 间隔 时 间 ( 单 位 是 秒 ) 


【 例 4. 6】 编写 一 个 JSP 页 面 example4_6. jsp。 如 果 用 户 是 第 一 次 访问 该 页 面 ,会 显 
示 欢 迎 信息 ,并 输出 session 对 象 允 许 的 最 长 发 呆 时 间 、 创 建 时 间 , 以 及 session 对 象 的 ID. 
在 example4_6.jsp 页 面 中 ,session 对 象 使 用 setMaxlInactiveInterval(int maxValue) 方 法 设 
置 最 长 的 “发 果 ” 状 态 时 间 为 20 秒 。 用 户 如 果 两 次 刷新 间隔 时 间 超 过 20 秒 ,用 户 先前 的 
session 被 取消 ,用 户 将 获得 一 个 新 的 session 对 象 。 页 面 运 行 效果 如 图 4.7(a) 和 图 4.7(b) 
所 示 。 
E $ |httpy//localhosta080/ch4/example4 6jsp 
欢迎 您 第 一 次 访问 当前 Web 服 务 目录 。 
session 人 允许 的 最 长 发 呆 时 间 为 ，20 秒 。 


session 的 创建 时 间 为， 北京 时 间 :，2016 年 09 月 11 日 07 时 19 分 19 秒 星期 日 。 
session 的 id 为 ，84487459DETF0149FFB71976B332CF02。 








(a) 第 一 次 或 间隔 20 秒 后 访问 该 页 面 





Bi P [htpy/localhosb8080/ch4/example4 6jsp. 
session 人 允许 的 最 长 发 呆 时 间 为 ，20 秒 。 


session 的 创建 时 间 为 ， 北 京 时 间 ，2016 年 09 月 11 日 07 时 19 分 19 秒 星期 日 。 
session 的 id 为 ，84487459DETF0149FFB71976B332CF02。 


(b) 20 秒 之 内 访问 该 页 面 








4.7 session 生存 期 限 
例 4. 6 页 面 文件 example4_6.jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<%@ page import = "java.util. * €» 
<$ (8) page import = "java. text. * " %> 
«html» 
< head» 
«meta http - equiv = "Content - Type" content = "text/html; charset = IS0 - 8859 - 1"> 
«title» example4 6.jsp«/title» 
</head> 
< body> 
<% 
//session 调用 setMaxInactiveInterval(int n) 方 法 设置 最 长 "发 果 " 时 间 为 20 b 
session. setMaxInactiveInterval(20); 
//session 调用 isNew() 方 法 判断 session 是 不 是 新 创建 的 
boolean flg = session. isNew(); 
if (flg) { 
out.println(" 欢 迎 您 第 一 次 访问 当前 Web 服务 目录 ."); 
out. println("« hr/»") ; 
j 
out. println("session 允许 的 最 长 发 果 时 间 为 : "+ 
session.getMaxInactiveInterval() + " 秒 ."); 
// 获 取 session 对 象 被 创建 的 时 间 
long num = session.getCreationTime(); 


// 将 整数 转换 为 Date 对 象 


WIR san 


Date time = new Date(num); 
// 用 给 定 的 模式 和 默认 语言 环境 的 日 期 格式 符号 构造 SinpleDateFormat 对 象 
SimpleDateFormat matter = new SimpleDateFormat( 
"北京 时 间 : yyyy 4F MM H dd H EH I mm 4} ss $b E."); 
// 得 到 格式 化 后 的 字符 串 
String strTime = matter.format(time); 
out. println("« br/» session 的 创建 时 间 为 : " + strTime); 
out. println("< br/> session 的 id 为 : " + session.getId() + "."); 
5» 
</body> 
</html> 


从 例 4.6 中 可 以 看 出 ,如 果 用 户 长 时 间 不 关闭 浏览 器 ,session 对 象 也 没有 调用 
invalidate() 方 法 ,那么 用 户 的 session 也 可 能 消失 。 例 如 ,如 果 该 例 中 的 JSP 页 面 在 20 $5 
之 内 不 被 访问 , 它 先 前 创建 的 session 对 象 就 消失 了 ,服务 器 又 重新 创建 一 个 session 对 象 。 
这 是 因为 session 对 象 达 到 了 它 的 最 大 “发 果 ”" 时 间 。 所 谓 “ 发 果 ” 状 态 时间 ,是 指 用 户 对 某 个 
Web 服务 目录 发 出 的 两 次 请 求 之 间 的 间隔 时 间 。 

用 户 对 某 个 Web 服务 目录 下 的 JSP 页 面 发 出 请 求 并 得 到 响应 ,如 果 用 户 不 再 对 该 
Web 服务 日 录 发 出 请 求 , 比 如 不 再 操作 浏览 器 ,那么 用 户 对 该 Web 服务 日 录 进入 “发 果 ” 状 
态 , 直 到 用 户 再 次 请 求 该 Web 服务 目录 时 ,“ 发 呆 ” 状 态 结束 。 

Tomcat 服务 器 允许 用 户 最 长 的 “发 果 ” 状 态 时 间 为 30 分 钟 。 可 以 通过 修改 Tomcat 安 
装 目录 中 conf 文件 夹 下 的 配置 文件 web. xml, 找 到 下 面 的 片段 ,修改 其 中 的 默认 值 *30”, 就 
可 以 重新 设置 各 个 Web 服务 目录 下 的 session 对 象 的 最 长 发呆” 时 间 。 这 里 的 时 间 单 位 
为 分 。 


< session- config» 
< session - timeout > 30 «/session- timeout > 
«/session- config» 
也 可 以 通过 session 对 象 调用 setMaxlInactiveIntervalCint time) 方 法 来 设置 最 长 “发 呆 ” 状 态 
时 间 ,参数 的 时 间 单位 为 秒 。 


43.2 能 力 目标 
理解 session 对 象 的 生存 期 限 ,灵活 使 用 session 对 象 存储 数据 。 
43.3 任务 驱动 


1. 任务 的 主要 内 容 

编写 3 个 JSP 页 面 (task4_3_1.jsp、task4 3_2.jsp 和 task4_3_3.jsp) 模 拟 登录 系统 的 权 
限 控制 。 在 task4_3_1. jsp 页 面 中 输入 用 户 名 (test) 和 密码 (test) ,提交 给 task4 3 2.jsp 页 
面 。 在 task4_3_2.jsp 页 面 中 判断 用 户 名 和 密码 是 否 正 确 ,正确 则 将 用 户 名 和 密码 存储 在 
session 对 象 中 。 没 有 成 功 登录 ,直接 访问 task4_3_3. jsp 页 面 时 ,提示 没有 权限 访问 该 页 
面 。 页 面 运行 效果 如 图 4.8 所 示 。 
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Qo Om Ê [htp//localhostB0BO/ch4/task4 3 1jsp 




















(a) 登录 页 面 


C co  $ |hapy/iocalhost8080/ch4/task4 3 2jsp 


(b) 登录 失败 页 面 
oc i P [ppi/iocalhostao80/chá/taskd, 3 3jsp. 
您 没有 权限 访问 该 页 面 ， 请 先 登录 ! 

(e) 未 成 功 登录 直接 访问 该 页 面 


图 4.8 权限 模拟 





2 任务 的 代码 模板 
task4_3_1. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
X head» 
«title» task4 3 1.jsp«/title» 
</head> 
< body> 
< form action = "task4_3_2. jsp" method = "post"> 
用 户 名 : < input type = "text" name = "userName" />< br > 
密 &nbsp; &nbsp; li]: < input type = "password" name = "pwd" /»« br» 
< input type = "submit" value = "提交 "/> 
</form> 
</body> 
</html> 


task4_3_2. jsp 的 代码 模板 如 下 : 


<% (à page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
< head> 
<title> task4_3_2. jsp </title> 
</head> 
< body> 
<% 
String name = request. getParameter ("userName"); 
String pwd = request. getParameter ("pwd"); 
if("test".equals(name) && "test". equals(pwd) ){ 
【代码 1]// 将 用 户 名 nane 以 username 为 key 存储 在 session 对 象 中 
out. print ("EE HJ! ") ; 
}else{ 
【代码 2]//session 调用 invalidate( ) 方 法 使 session 失效 


第 4 章 SAEN | 
EEU 
out. print(" E A Wer"); bd 
) 
第 > 
</body> 
</html > 


task4 3 3.jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
X head» 
«title» task4 3 3. jsp«/title» 
</head> 
< body> 
<% 
Object name =【 代 码 3]// 从 session 对 象 取出 用 户 名 nane 
if(name == null)( 
out. print(" 您 没有 权限 访问 该 页 面 ,请 先 登 录 !"); 
Jelse( 
out. print ("RHE 3€ Ji (B fev") ; 
} 
%> 
</body> 
</html> 


3 任务 小 结 或 知识 扩展 

客户 端 与 服务 器 进行 通信 的 协议 是 HTTP 协议 ,该 协议 本 身 是 基于 请 求 /响应 模式 的 、 
无 状态 的 协议 ,服务 器 不 会 记录 客户 端的 任何 信息 ,这 样 客 户 端 每 次 发 送 的 请 求 都 是 独立 
的 ,这 样 的 方式 在 工程 实践 中 是 不 可 用 的 。 而 会 话 (session) 正 是 一 种 能 将 客户 端 信息 保存 
在 服务 器 端的 技术 , 它 可 以 记录 客户 端 到 服务 器 的 一 系列 请 求 。 在 实际 工程 中 ,一 般 使 用 
session 跟踪 用 户 的 状态 。 例 如 ,用 户 登 录 成 功 后 ,将 用 户 信息 保存 到 session 中 。 


4 代码 模板 的 参考 答案 


【代码 1]: session. setAttribute("username", name); 
【代码 2]: session. invalidate(); 
【代码 3]: session. getAttribute("usernane") ; 





434 实践 环节 


用 户 到 便民 超市 采购 商品 ,购物 前 需要 先 登 录 会 员 卡 号 ,购物 时 先 将 选 购 的 商品 放 入 购 
物 车 ,最 后 到 柜台 清点 商品 。 请 借助 于 session 对 象 模拟 购物 车 ,并 存储 客户 的 会 员 卡 号 和 
购买 的 商品 名 称 。 会 员 卡 号 输入 后 可 以 修改 ,购物 车 中 的 商品 可 以 查看 。 编 写 程序 模拟 上 
述 过 程 。loginID. jsp 实现 会 员 卡 号 输入 ,shop. jsp 实现 商品 导购 ,food. jsp 实现 商品 购物 ， 
count. jsp 实现 清点 商品 。 本 节 实 践 环 节 的 4 个 JSP 页 面 都 保存 在 目录 practice4 中 , 先 运 
行 loginID. jsp 页 面 ,运行 效果 如 图 4. 9 所 示 。 
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€ 3 C [D localhost8080/ch4/practice4/loginID jsp 


欢迎 您 来 到 便民 起 市， 请 输入 你 的 会 员 卡 号 : 
20158888 





EES 
(a) 会 员 卡号 输入 页 面 
€ 3 Q D localhost080/ch4/practice4/shop.jsp. 
BRSSHbs, XiAbEENH. 


PEKSA 





(b) 导购 页 面 
€ 3 C D localhost&080/ch4/practice4/food jsp 


这 里 是 调料 柜台 ， 请 选择 您 要 购买 的 调料 
目 调和 油 a 强化 盐 a $E DO 绿色 调料 





IL 


(c) 购物 页 面 


€ > C [D localhost8080/ch4/practice4/count jsp. 
这 里 是 结账 柜台 ， 请 确认 以 下 信息 。 


您 的 会 员 卡 号 ，20158888 
购物 车 中 的 商品 清单 ， 
强化 盐 


2m 
HGMENAAEA! ZIDEHRHEG! 
(d) 查看 购物 车 商品 页 面 


图 4.9 session 模拟 购物 车 








4.4 全 局 应 用 程序 对 象 application 


441 核心 知识 


不 同 用 户 的 session 对 象 互 不 相同 ,但 有 时 候 用 户 之 间 可 能 需要 共享 一 个 对 象 , Web 服 
务 器 启动 后 ,就 产生 了 这 样 一 个 唯一 的 内 置 对 象 application。 任 何 用 户 在 访问 同一 Web 服 
务 目录 各 个 页 面 时 ,共享 一 个 application 对 象 ,直到 服务 器 关闭 ,这 个 application 对 象 才 被 
取消 。 

application 同 session 对 象 一 样 也 可 以 进行 数据 存储 ,处 理 数据 方法 如 下 。 

(1) public void setAttribute(String key. Object obj): 将 参数 obj 指定 的 对 象 保存 到 
application 对 象 中 ,key 为 所 保存 的 对 象 指定 一 个 关键 字 。 若 保存 的 两 个 对 象 关键 字 相 同 ， 
则 先 保存 的 对 象 被 清除 。 

(2) public Object getAttribute(String key): 获取 application 中 关键 字 是 key 的 对 象 。 

(3) public void removeAttribute(String key): 从 application 中 删除 关键 字 key 所 对 
应 的 对 象 。 

(4) public Enumeration getAttributeNames() : 产生 一 个 枚 举 对 象 ,该 枚 举 对 象 可 使 用 
方法 nextElemets OWJ application 中 的 各 个 对 象 所 对 应 的 关键 字 。 

















442 能 力 目标 
理解 application 对 象 的 生存 期 限 ,灵活 使 用 application 对 象 存储 数据 。 
443 任务 驱动 


1. 任 务 的 主要 内 容 

用 application 制作 “成 语 接龙 ”, 用 户 通 过 task4_4_1. jsp 向 task4_4_2. jsp 提交 四 字 成 
语 ,task4_4_2. jsp 页 面 获取 成 语 内 容 后 ,用 同步 方法 将 该 成 语 内 容 和 以 前 的 成 语 内 容 进 行 
连接 ,然后 将 这 些 四 字 成 语 内 容 添加 到 application 对 象 中 。 页 面 运行 效果 如 图 4. 10 所 示 。 

















oc WI P [htpi/localhost8080/ch4/task4 4 1jsp 
四 字 成 语 接龙 


息息相关 -> 关门 太吉 -> 
四 字 成 语 输入 ， 
提交 

















(a) 成 语 提交 页 面 

(o BP [http;//localhost808O/ch4/task4 4 2jsp 

您 的 四 字 成 语 已 经 提交 ! 3 秒 后 回 到 成 语 页 面 ， 继 续 接龙 ! 
(b) 接龙 成 功 页 面 


图 4.10 成 语 接龙 











2 任务 的 代码 模板 
task4_4_1. jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head > 
<title> task4_4_1. jsp </title> 
</head> 
< body> 
< 12 > 四 字 成 语 接龙 </h2 > 
<% 
String s = 代码 1]// 取 出 application 中 关键 字 是 message 的 对 象 (成 语 内 容 ) 
if(s! = null)( 
out.print(s); 
) 
else( 
out. print(" 还 没有 词语 ,请 您 龙头 开始 !< br >"); 
} 
Lb 
< form action = "task4 4 2.jsp" method = "post" 
四 字 成 语 输入 : < input type = "text" nane = "nes" /»« br» 
< input type = "submit" value = "提交 "人 > 
</form> 


</body> 
</html > 


task4 4 2.jsp 的 代码 模板 如 下 : 


<% (à page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% (à page import = "java. util. *" %> 
<html> 
<head> 
<title> task4_4_2. jsp </title> 
</head> 
< body> 
«5! 
String message - ""; 
ServletContext application; 
synchronized void sendMessage(String s){ 
application 7 getServletContext(); 
message = message+ st" -»"; 


【代码 2]// 把 成 语 内 容 message 以 message 为 关键 字 存储 到 application 对 象 中 


<% 
request. setCharacterEncoding( "GBK" ) ; 
String content = request. getParameter ("mes") ; 
sendMessage(content) ; 
out. print(" 您 的 四 字 成 语 已 经 提交 !3 秒 后 回 到 成 语 页 面 ,继续 接龙 !"); 
response. setHeader("refresh", "3;url = task4 4 1.jsp"); 
5» 
</body> 
</html> 


3. 任务 小 结 或 知识 扩展 

任务 中 成 语 接 龙 方法 sendMessage 为 什么 定义 为 同步 方法 呢 ? 这 是 因为 application 
对 象 对 所 有 的 用 户 都 是 相同 的 ,任何 用 户 对 该 对 象 中 存储 的 数据 的 操作 都 会 影响 其 他 用 户 。 

如 果 客 户 端 浏览 不 同 的 Web 服务 目录 ,将 产生 不 同 的 application 对 象 。 同 一 个 Web 
服务 目录 中 的 所 有 JSP 页 面 都 共享 同一 个 application 对 象 ,即使 浏览 这 些 JSP 页 面 的 客户 
不 相同 也 是 如 此 。 因 此 ,保存 在 application 对 象 中 的 数据 不 仅 可 以 跨 页 面 分 享 ,还 可 以 由 
所 有 用 户 共享 。 

有 些 Web 服务 器 不 能 直接 使 用 application 对 象 ,必须 使 用 父 类 ServletContext 声明 这 
个 对 象 , 然 后 使 用 getServletContext() 方 法 为 application 对 象 进行 实例 化 。 例 如 ,该 任务 中 
task4 4 2.jsp 页 面 中 的 代码 。 


4 代码 模板 的 参考 答案 


【代码 1]: (String)application. getAttribute("message"); 
【代码 2]: application. setAttribute( "message", message); 
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444 实践 环节 








使 用 application 对 象 实现 网 站 访客 计数 器 的 功能 。 计 数 器 运行 效果 如 图 4. 11 Bros 


您 好 ， 您 是 第 6 位 访问 该 网 站 的 用 户 。 





图 4.11 计数 器 页 面 


4.5 小 5 


本 章 重点 介绍 了 request、session 和 application 对 象 ,三 者 区 别 如 下 。 
request 对 象 内 数据 的 存活 范围 就 是 在 request 对 象 的 存活 范围 内 , 当 客户 端 向 服务 器 


端 发 送 一 个 请 求 ,服务 器 向 客户 端 返回 一 个 响应 后 ,该 请 求 对 象 就 被 销毁 了 ; 之 后 再 向 服务 
器 端 发 送 新 的 请 求 时 ,服务 器 会 创建 新 的 request 对 象 ,该 request 对 象 与 之 前 的 request 对 
象 没有 任何 关系 ,因此 也 无 法 获得 在 之 前 的 request 对 象 中 所 存放 的 任何 数据 。 


session 是 服务 器 端的 行为 ,用 于 跟踪 客户 的 状态 , 当 用 户 去 访问 某 个 站 点 时 ,服务 器 端 


就 会 为 客户 产生 一 个 sessionID, 以 cookie 的 方式 返回 给 客户 端 , 当 客户 去 访问 该 站 点 的 其 
他 服务 时 ,就 会 带 着 当前 sessionID 一 起 发 出 请 求 , 以 识别 是 哪个 用 户 ,一 个 用 户 就 好 比 一 
个 session 对 象 , 互 不 干扰 。 


session 对 象 内 数据 的 存活 范围 也 就 是 session 对 象 的 存活 范围 (只 要 浏览 器 不 关闭 ， 


session 对 象 就 会 一 直 存 在 ) ,因此 在 同一 个 浏览 器 窗口 中 ,无 论 向 服务 器 端 发 送 多 少 个 请 
求 ,session 对 象 只 有 一 个 。session 对 象 经 常用 在 登录 和 购物 车 场景 。 


application 对 象 是 存活 范围 最 大 的 对 象 , 只 要 服务 器 没有 关闭 application 对 象 中 的 数 


据 就 会 一 直 存在 。 在 整个 服务 器 运行 过 程 中 ,application 对 象 只 有 一 个 。 所 有 用 户 共 享 这 
个 application 对 象 。 该 对 象 经 常用 在 统计 网 站 访问 次 数 场景 。 


request session LJ X application 3X 3 个 对 象 的 范围 是 逐个 增加 的 : request 只 在 一 个 


请 求 的 范围 内 ; session 是 在 浏览 器 窗口 的 范围 内 ; application 则 是 在 整个 服务 器 的 运行 过 
程 中 。 


习 题 4 


l. FC  ) 操 作 不 能 关闭 session 对 象 。 
A. 用 户 刷新 当前 页 面 调用 
B. 用 户 关闭 浏览 器 
C. session 达到 设置 的 最 长 发呆” 时 间 
D. session 对 象 的 invalidate() 方 法 

2. 有 如 下 程序 片段 : 


<form> 


< input type = "text" name = "id"> 
«input type= "submit" value = "提交 "> 


</form> 


FEC O ARRA AA EE. 


5. 
6. 
f; 


A. request. getParameter("id") ; 
B. request. getAttribute(" submit") ; 
C. session. getParameter(key, "id"); 


D. session. getAttribute (key, "id"); 


. 下 面 ( — ) 内 置 对 象 是 对 客户 的 请 求 做 出 响应 ,向 客户 端 发 送 数据 的 。 


A. request 
B. session 
C. response 


D. application 


. HC ) 方 法 实现 客户 的 重 定向 。 


A. response. setStatusO ; 

B. response. setHeader() ; 

C. response. setContent TypeO ; 

D. response. sendRedirectO ; 

什么 对 象 是 内 置 对 象 ? 常见 的 内 置 对 象 有 哪些 ? 

请 简 述 内 置 对 象 request, session 和 application 之 间 的 区 别 。 

一 个 用 户 在 不 同 Web 服务 目录 中 的 session 对 象 相同 吗 ? 一 个 用 户 在 同一 Web 服 


务 目 录 的 不 同 子 目录 中 的 session 对 象 相同 吗 ? 


8. 
9. 


session 对 象 的 生存 期 限 依赖 于 哪些 因素 ? 
简 述 forward 动作 标记 与 response. sendRedirect() 两 种 跳 转 的 区 别 。 





e JSP 与 JavaBean 


H 
e n. 


一 个 JSP 页 面 通过 使 用 HTML 标记 为 用 户 显示 数据 (静态 部 分 ) ,页面 中 变量 的 声明 、 
程序 片 以 及 表达 式 为 动态 部 分 ,对 数据 进行 处 理 。 如 果 Java 程序 片 和 HTML 标记 大 量 掺 
杂 在 一 起 使 用 ,就 不 利于 JSP 页 面 的 扩展 和 维护 。JSP 和 JavaBean 技术 的 结合 不 仅 可 以 实 
现 数据 的 表示 和 处 理 分 离 ,而且 可 以 提高 JSP 程序 代码 重用 的 程度 ,是 JSP 编程 中 常用 的 
技术 。 

本 章 涉 及 的 Java 源 文件 保存 在 工程 cho 的 src 中 ,涉及 的 JSP 页 面 保存 在 工程 ch5 的 
WebContent 中 。 


5.1 编写 JavaBean 





51.1 核心 知识 


JavaBean 是 一 个 可 重复 使 用 的 软件 组 件 ,是 遵循 一 定 标准 ,用 Java 语言 编写 的 一 个 类 ， 
该 类 的 一 个 实例 称 为 一 个 JavaBean ,简称 bean, JavaBean 具有 可 重用 ,升级 方便 ,不 依赖 于 
平台 等 特点 。JavaBean 又 可 分 为 业务 bean 和 数据 bean。 业 务 bean 用 于 封装 业务 逻辑 A 
据 库 操作 等 ; 数据 bean 用 于 封装 数据 。 

编写 一 个 JavaBean 就 是 编写 一 个 Java 类 (该 类 必须 带 有 包 名 ) ,这 个 类 创建 的 一 个 对 
象 称 为 一 个 bean. T ik JSP 引擎 (比如 Tomcat) 知 道 这 个 bean 的 属性 和 方法 ,JavaBean 
类 必须 遵守 以 下 规则 。 

(1) 如 果 类 的 成 员 变 量 的 名 字 是 name, 那 么 为 了 获取 或 更 改 成 员 变量 的 值 , 类 中 必须 
提供 两 个 方法 。 

getName() ,用 来 获取 属性 name。 

setName() ,用 来 修改 属性 name。 

即 方法 的 名 字 用 get 或 set 为 前 缀 ,后 级 是 首 字母 大 写 的 成 员 变 量 的 名 字 。 

(2) 对 于 boolean 类 型 的 成 员 变量 ,允许 使 用 is 代替 上 面 的 get 和 set, 











(0 Cmm 
2) 
A (3) 类 中 方法 的 访问 权限 必须 是 public. 

(4) 构造 方法 必须 无 参数 。 
512 能 力 目标 
能 够 灵活 使 用 JavaBean 的 编写 规则 编写 创建 bean 的 Java 源 文件 。 
513 任务 驱动 


1. 任 务 的 主要 内 容 
创建 bean 的 源 文件 Rectangle. java( 在 包 small. dog 中 ) ,该 bean 的 作用 是 计算 矩形 的 
面积 和 周 长 。 


2 任务 的 代码 模板 
Rectangle. java 的 代码 模板 如 下 : 




















package com. bean; 

public class Rectangle ( 
private double length; 
private double width; 


REIN // 定 义 类 Rectangle 的 构造 方法 
length = 20; 
width = 10; 

上 

【代码 2t // 定 义 获取 和 矩形 长 度 的 方法 

return length; 
! 
RE 3y // 定 义 修改 矩形 长 度 的 方法 


this.length = length; 

} 

public double getWidth() { 
return width; 

} 

public void setWidth(double width) { 
this. width = width; 

} 

public double computerArea()( 
return length * width; 

} 

public double computerLength()( 
return (length + width) * 2; 

] 

I 


3. 任务 小 结 或 知识 扩展 

JavaBean 可 以 在 任何 Java 程序 编写 环境 下 完成 编写 ,再 通过 编译 成 为 一 个 字 节 码 文 
件 ,为 了 让 JSP 引擎 (比如 Tomcat) 找 到 这 个 字 节 码 ,必须 把 字 节 码 文件 存放 在 特定 的 位 置 。 
本 书 使 用 Eclipse 集成 环境 开发 JSP 程序 ,Java 类 的 字 节 码 文件 由 Eclipse 自动 保存 到 Web 
工程 的 build\classes 中 。 例 如 ,本 任务 中 的 Rectangle. class 文件 保存 在 ch5\build\classes\ 


cR RS 
iT 

com Vbean 目录 中 。 er 

JavaBean 是 基于 Java 语言 的 ,因此 JavaBean 具有 以 下 特点 。 

(1) 与 平台 无 关 。 

(2) 代码 可 重复 利用 。 

(3) 易 扩展 、 易 维护 、. 易 使 用 。 

4 代码 模板 的 参考 答案 

【代码 1]: public Rectangle() 


【代码 2]: public double getLength() 
【代码 3]: public void setLength(double length) 








514 实践 环节 
创建 bean 的 源 文件 Circle. java( 在 包 com. bean 中 ) ,该 bean 的 作用 是 计算 圆 的 面积 和 
HK. 








5.2 JSP 中 使 用 JavaBean 


在 JSP 页 面 中 使 用 bean 时 ,首先 使 用 page 指令 的 import 属性 导入 创建 bean 的 类 ， 
例如 : 


<% @ page import = "com. bean. * " $» 





5.2.1 核心 知识 


1. 动作 标记 useBean 
useBean 动作 标记 用 来 查找 或 者 实例 化 一 个 JavaBean。useBean 标记 的 格式 如 下 : 


< jsp:useBean id = "bean 的 名 字 ” class = "创建 bean 的 类 "scope = "bean 的 有 效 范围 " /> 























或 
< jsp:useBean id= "bean 的 名 字 "”type = "创建 bean 的 类 ”scope = "bean 的 有 效 范围 " /> 
例如 : 
< jsp:useBean id= "rectangle" class = "com. bean. Rectangle" scope = "page"/> 
useBean 标记 中 各 属性 含义 如 表 5. 1 所 示 。 
表 5.1 useBean 标记 属性 含义 


属性 名 d R 
id 指定 该 JavaBean 实例 的 变量 名 ,通过 id 可 以 访问 这 个 实例 
"m 指定 JavaBean 的 类 名 。 如 果 需 要 创建 一 个 新 的 实例 , Web 容器 会 使 用 class 指定 的 类 ,并 
调用 无 参数 的 构造 方法 来 完成 实例 化 











14 
ut" Dri 
属性 名 描 È 

指定 JavaBean 的 作用 范围 ,包括 page, request, session 和 application。 默 认 值 为 page. # 
明 此 JavaBean 只 能 应 用 于 当前 页 ; 值 为 request 表明 此 JavaBean 只 能 应 用 于 当前 的 请 求 ; 
值 为 session 表明 此 JavaBean 能 应 用 于 当前 会 话 ; 值 为 application 则 表明 此 JavaBean 能 
应 用 于 整个 应 用 程序 内 

指定 JavaBean 对 象 的 类 型 ,通常 在 查找 已 存在 的 JavaBean 时 使 用 ,这 时 使 用 type 将 不 会 
产生 新 的 对 象 

type 如 果 是 查找 已 存在 的 JavaBean 对 象 ,type 属性 的 值 可 以 是 此 对 象 的 准确 类 名 、 其 父 类 或 
者 其 实现 的 接口 ; 如 果 是 新 建 实例 , 则 只 能 是 准确 类 名 或 者 父 类 

另外 ,如 果 能 够 确定 此 JavaBean 的 对 象 肯定 存在 , 则 指定 type 属性 后 可 以 省 略 class 属性 





scope 








当 含有 useBean 动作 标记 的 JSP 页 面 被 Web 容器 加 载 执行 时 ,Web 容器 首先 根据 id 
的 名 字 , 在 pageContent 内 置 对 象 中 查看 是 否 含有 名 字 为 id 和 作用 域 为 scope 的 对 象 ; 如 
果 该 对 象 存在 , Web 容器 就 将 这 个 对 象 的 副本 (bean) 分 配给 JSP 页 面 使 用 ; 如 果 没 有 找到 ， 
就 根据 class 指定 的 类 创建 一 个 名 字 是 id 的 bean, 并 添加 到 pageContent 对 象 中 ,同时 将 这 
个 bean 分 配给 JSP 页 面 使 用 。useBean 动作 标记 执行 流程 如 图 5. 1 所 示 。 


useBean 标 记 执行 开始 


在 useBean 标 记 中 获得 id 、scope 的 值 
























在 pageContent 中 查找 
指定 的 id 、scope 值 的 bean 






创建 指定 id 、scope 值 的 bean , 
添加 到 pageContent 中 ,并 给 客户 














[给 客户 分 配 一 个 指定 、scope 值 的 bean 


useBean 标 记 执行 结束 


5.1 useBean 标记 执行 流程 








[9515.1] 编写 一 个 JSP 页 面 example5_1. jsp, Æ JSP 页 面 中 使 用 useBean 标记 获得 
一 个 bean, 负 责 创建 bean 的 类 是 5. 1. 3 节 任务 中 的 Rectangle 类 ,bean 的 名 字 是 rectangle. 
rectangle 的 scope 取 值 为 page。JSP 页 面 的 运行 效果 如 图 5. 2 所 示 。 

例 5.1 页 面 文件 example5_1.jsp 的 代码 如 下 : 


<% (à page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" %> 
<% @ page import = "com. bean. Rectangle" %> 
«html» 

< head» 


o m P |htpVlocalhosb8080/ch5/example5 1jsp 
矩形 的 长 是 : 20.0 

矩形 的 宽 是 : 10.0 

矩形 的 面积 是 ，200.0 

矩形 的 周 长 是 ，60.0 





5.2 使 用 bean 的 JSP 页 面 


«title» example5 1. jsp </title> 

</head> 

<body> 
< jsp:useBean id = "rectangle" class = "com. bean. Rectangle" scope = "page"/> 
<p> 矩 形 的 长 是 : <% = rectangle.getLength() %> 
<p> 和 矩形 的 宽 是 : <% = rectangle.getWidth() %> 
<p>“ W MEE: <% = rectangle. computerArea() %> 
<p> 矩 形 的 周 长 是 : <% = rectangle.computerLength() %> 

</body> 

</html> 


2 动作 标记 getProperty 

JavaBean 的 实质 是 遵守 一 定 规范 的 类 所 创建 的 对 象 ,可 以 通过 两 种 方式 获取 bean 的 
属性 : DE Java 程序 片 或 表达 式 中 ,使 用 bean 对 象 调用 getXxx() 方 法 获取 bean 的 属性 
值 , 比 如 , 例 5.1 中 的 语句 : <% = rectangle. getLength O 967; 回 先 通过 二 jsp:useBean 过 
标记 获得 一 个 bean, 再 通过 一 jsp:getProperty 过 标记 获取 bean 的 属性 值 。 

使 用 getProperty 动作 标记 可 以 获得 bean 的 属性 值 。 使 用 该 动作 标记 之 前 ,必须 事先 
使 用 useBean 动作 标记 获得 一 个 相应 的 bean。getProperty 动作 标记 语法 格式 如 下 : 


< jsp:getProperty name = "bean 的 名 字 ”property= "bean 的 属性 ”/> 





或 
< jsp:getProperty name = "bean 的 名 字 " property= "bean 的 属性 "/> </jsp:getProperty> 


其 中 ,name 取 值 是 bean 的 名 字 , 和 useBean 标记 中 的 id 对 应 ; property 取 值 是 bean 的 一 
个 属性 名 字 , 和 创建 该 bean 的 类 的 成 员 变 量 名 对 应 。 这 条 指令 相当 于 在 Java 表达 式 中 使 
用 bean 的 名 字 调 用 getXxx() 方 法 。 

[9515.2] 创建 bean 的 源 文件 NewRectangle. java, 该 bean 的 作用 是 计算 矩形 的 面积 
和 有 周 长 。 编 写 一 个 JSP 页 面 useGetProperty. jsp, ÆI% JSP 页 面 中 使 用 useBean 标记 创建 
一 个 名 字 是 pig 的 bean, 并 使 用 getProperty 动作 标记 获得 pig 的 每 个 属性 值 。 负 责 创建 
pig 的 类 是 NewRectangle 类 。JSP 页 面 运行 效果 如 图 5. 3 所 示 。 

NewRectangle. java 的 代码 如 下 : 

package con. bean; 


public class NewRectangle ( 


double length; 
double width; 








三 二 NI JP http//localhost8080/chS/useGetPropertyjsp 
矩形 的 长 是 ，30.0 

矩形 的 宽 是 ，20.0 

矩形 的 面积 是 ，600. 0 

矩形 的 周 长 是 ，100. 0 


5.3 使 用 getProperty 标记 获得 bean 的 属性 值 


double rectangleArea; 

double rectangleLength; 

public NewRectangle() ( 
length - 20; 
width - 10; 

} 

public double getLength() { 
return length; 

} 

public void setLength(double length) { 
this. length = length; 

} 

public double getWidth() { 
return width; 

} 

public void setWidth(double width) { 
this.width - width; 

) 

public double getRectangleArea() { 
return length * width; 

} 

public double getRectangleLength() { 
return 2 * (width + length); 


} 
例 5.2 页 面 文件 useGetProperty. jsp 的 代码 如 下 : 


<% (8 page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% (à page import = "com. bean. NewRectangle" %> 
<html> 
< head» 
« title» useGetProperty. jsp </title> 
</head> 
< body> 
< jsp:useBean id= "pig" class = "com. bean. NewRectangle" scope = "page" /> 
<% pig. setLength(30); %> 
<% pig. setWidth(20); %> 
<p>E h KÆ: < jsp:getProperty property = "length" name = "pig" /> 
<p> 和 矩形 的 宽 是 : < jsp:getProperty property = "width" name = "pig" /> 
< p»XUE M IL BUE : < jsp:getProperty property = "rectangleArea" name = "pig"/> 
< 了 p> 和 矩形 的 周 长 是 : < jsp:getProperty property = "rectangleLength" name = "pig"/^ 
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</body> 
</html> 


3. 动作 标记 setProperty 

除了 在 Java 程序 片 中 使 用 bean 对 象 调用 setXxx() 方 法 修改 bean 的 属性 值 外 ,可 以 使 
用 setProperty 动作 标记 修改 bean 的 属性 值 。 使 用 该 动作 标记 之 前 ,必须 事先 使 用 useBean 
动作 标记 获得 一 个 相应 的 bean。 使 用 setProperty 动作 标记 进行 bean 属性 值 的 设置 有 以 
下 3 种 方式 。 








DJ 


表达 式 或 字符 串 设置 bean 的 属性 














O F 


表达 式 设 置 bean 的 属性 。 


< jsp:setProperty name = "bean 的 名 字 " property= "bean 的 属性 " value= "<% = expression%>" /> 














@ 用 字符 串 设 置 bean 的 属性 。 

< jsp:setProperty name = "bean 的 名 字 "” property = "bean 的 属性 " value = "字符 串 " /> 

用 表达 式 修改 bean 属性 值 时 ,表达 式 值 的 类 型 必须 与 bean 的 属性 类 型 一 致 。 用 字符 
串 修 改 bean 属性 值 时 ,字符 串 会 自动 被 转化 为 bean 的 属性 类 型 ,不 能 转化 成 功 的 可 能 会 抛 


出 NumberFormatException 异常 。 


2) 通过 HTTP 表单 参数 值 设置 bean 的 属性 


< jsp:setProperty name = "bean 的 名 字 " property="*" /> 


通过 HTTP 表单 参数 值 设置 bean 的 属性 时 ,表单 参数 的 名 字 必 须 与 bean 属性 的 名 字 
相同 ,服务 器 会 根据 名 字 自 动 匹配 ,类 型 自动 转换 。 
3) 任意 指定 请 求 参 数 设 置 bean 的 属性 


< jsp:setProperty name = "bean 的 名 字 " property = "属性 名 "param = "参数 名 "/> 


可 以 根据 自己 的 需要 ,任意 选择 传递 的 参数 ,请 求 参数 名 无 须 与 bean 属性 名 相同 。 


【 例 
Q) 
(2) 


smallCar 


5.3] 用 表达 式 或 字符 串 修 改 bean 的 属性 。 具 体 要 求 如 下 。 

创建 bean 的 源 文件 Car. java, 该 bean 的 作用 是 描述 小 汽车 的 一 些 属性 。 

编写 一 个 JSP 页 面 car. jsp, ÆI% JSP 页 面 中 使 用 useBean 标记 创建 一 个 名 字 为 
的 bean, 其 有 效 范围 是 page, 并 使 用 动作 标记 修改 、 获 取 该 bean 的 属性 值 。 负 责 


创建 smallCar 的 类 是 Car。JSP 页 面 运行 效果 如 图 5.4 所 示 。 


Car. 


= BI P http//localhost8080/chS/car.jsp 
汽车 的 品牌 是 ; 宝马 X6 
汽车 的 牌号 是 ， 京 A8888 

图 5.4 使 用 字符 串 或 表达 式 修改 bean 的 属性 


java 的 代码 如 下 : 


package com. bean; 

public class Car { 
String tradeMark; 
String number; 





public String getTradeMark() { 
return tradeMark; 

} 

public void setTradeMark(String tradeMark) { 
this. tradeMark = tradeMark; 

) 

public String getNumber() { 
return number; 

} 

public void setNumber(String number) { 
this.number = number; 

} 


} 
例 5. 3 页 面 文件 car. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% @ page import = "com. bean. Car" %> 
<html> 
<head > 
«title»car. jsp</title> 
</head> 
<body> 
< jsp:useBean id = "smallCar" class = "com. bean. Car" scope = "page"/> 
<% 
String carNo = " 京 A8888"; 
5» 
<% —- 使 用 setProperty 标记 设置 smallCar 的 属性 tradeMark 值 为 "宝马 X6" -- 多 > 
< jsp:setProperty property = "tradeMark" name = "smallCar" value = "宝马 X6"/» 
<% —- 使 用 setProperty 标记 设置 smallCar 的 属性 number 值 为 carNo-- %> 
< jsp:setProperty property = "number" name = "smallCar" value = "<% = carNo %>"/> 
汽车 的 品牌 是 : < jsp:getProperty property = "tradeMark" name = "smallCar"/> 
<br > 汽车 的 牌号 是 : < jsp:getProperty property = "number" name = "smallCar"/» 
</body> 
</html > 


【 例 5.4】 通过 HTTP 表单 参数 值 设 置 bean 的 属性 。 具 体 要 求 如 下 。 
(OD 编写 JSP 页 面 inputCar. jsp 和 showCar. jsp. 
(2) 在 inputCar. jsp 页 面 中 输入 信息 后 提交 给 showCar. jsp 页 面 显 示 信 息 。 
G) JSP 页 面 中 用 到 的 bean 是 例 5. 3 中 Car 类 创建 的 。JSP 页 面 运 行 效果 如 图 5. 5 
所 示 。 
Ss htp//localhost8080/chS/inputCarjsp. 
请 输入 汽车 品牌 。 奔 驶 900 
请 输入 汽车 牌号 mar] 
(a) 信息 输入 页 面 
OE E hpi/localhostSO80/chS/showCarjsp. 


汽车 的 品牌 是 ， F900 
汽车 的 牌号 是 ， 京 A7777 


(b) 信息 显示 页 面 
5.5 运行 效果 


"I 
1H39 
例 5. 4 页 面 文件 inputCar. jsp 的 代码 如 下 : irai 
<% (à page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
< head> 
<title> inputCar. jsp </title> 
</head> 
< body> 
< form action = "showCar. jsp" method = "post" > 
请 输入 汽车 品牌 : 
< input type = "text" name = "tradeMark" /> 
<br> 
请 输入 汽车 牌号 : 
< input type = "text" name = "number"/> 
<br> 
< input type = "submit" value = "提交 "/> 
</form> 
</body> 
</html> 


例 5.4 页 面 文件 showCar. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% (à page import = "com. bean. Car" % > 
<% 
request. setCharacterEncoding("GBK") ; 
$> 
<html> 
< head» 
« title» showCar. jsp </title> 
</head> 
< body> 
< jsp:useBean id= "smallCar" class = "com. bean. Car" scope = "page" /> 
<% -- 通 过 HTTP 表单 的 参数 的 值 设 置 bean 的 属性 (表单 参数 与 属性 自动 匹配 ) -- %> 
< jsp:setProperty property =" * " name = "smallCar"/» 
汽车 的 品牌 是 : < jsp:getProperty property = "tradeMark" name = "smallCar"/» 
«br > 汽车 的 牌号 是 : < jsp:getProperty property = "number" name = "smallCar"/» 
</body> 
«/htnl > 





522 能 力 目标 
能 够 在 JSP 页 面 中 灵活 使 用 动作 标记 useBean getProperty 和 setProperty。 
523 任务 驱动 


1 任务 的 主要 内 容 

编写 两 个 JSP 页 面 : login. jsp 与 invalidate. jsp. login. jsp 页 面 提供 一 个 表单 ,用 户 通 
过 表单 将 用 户 名 和 密码 (正确 的 用 户 名 和 密码 分 别 是 zhangsan 和 123456) 提交 给 
invalidate. jsp 页 面 。 用 户 提交 表单 后 ,JSP 页 面 将 登录 验证 的 任务 提交 给 一 个 bean 去 完 

















成 。 页 面 运行 效果 如 图 5.6 所 示 。 


Æ P |http//localhost8080/ch5/loginjsp 
请 输入 姓名 ， 


请 输入 密码 : 
提交 





























(a) 信息 输入 页 面 


oo NI P [http//localhost8080/chS/invalidate jsp 


您 的 姓名 是 ，zhangsan 
您 的 密码 是 ，654321 
输入 是 否 正确 ? false 


(b) 登录 验证 页 面 
图 5.6 页 面 运 行 效果 


2 任务 的 代码 模板 
LoginBean. java 的 代码 如 下 : 


package com. bean; 
public class LoginBean ( 
String uname; 
String upass; 
boolean login; 
public String getUname() { 
return uname; 
} 
public void setUname(String uname) { 
this.uname = uname; 
) 
public String getUpass() ( 
return upass; 
) 
public void setUpass(String upass) ( 
this.upass - upass; 
} 
public boolean isLogin() { 
if (uname. equals("zhangsan" ) &upass. equals("123456")){ 
login - true; 
Jelse( 
Login - false; 
} 
return login; 
} 
public void setLogin(boolean login) { 
this. login = login; 
} 
} 


login. jsp 的 代码 如 下 : 


<% (8 page language = "java" contentType = "text/html; charset = GBK" pageEncoding 
<html> 


"GBK" $> 
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< head» 
« title» login. jsp </title> 
</head> 
< body> 
< form action = "invalidate. jsp" method = "post"> 
请 输入 姓名 : 
< Input type = text name = "unane" /» < BR» 
请 输入 密码 : 
< Input type = text name = "upass"/>< BR» 
< INPUT TYPE = "submit" value = "提交 "/> 
</form> 
</body> 
«/htnl» 


invalidate. jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; Charset = GBK" pageEncoding = "GBK" % > 
<% (à page import = "com. bean. LoginBean" % > 


<% 
request. setCharacterEncoding( "GBK" ) ; 
第 > 
<html> 
€ head» 
«title» invalidate. jsp </title> 
</head> 
< body> 
【代码 1〗】 <% — 使 用 useBean 标记 创建 bean 对 象 lb, 有 效 范围 为 page -- $» 
【代码 2】 <% ~-- 通 过 HTTP 表单 参数 值 设置 bean 的 属性 (表单 参数 与 属性 自动 匹配 ) -- %> 
您 的 姓名 是 :【 代 码 3〗】 <% -- 使 用 getProperty 标记 获得 bean 的 属性 值 -- %> 
<br > 您 的 密码 是 :【 代 码 4】 «s -使 用 getProperty 标记 获得 bean 的 属性 值 -- %> 
<br > 输入 是 否 正确 民 代 码 5] <% -- 使 用 getProperty 标记 获得 bean 的 属性 值 -- %> 
</body> 
</html> 


3. 任 务 小 结 或 知识 扩展 
如 果 bean 的 属性 为 boolean 类 型 ,可 以 使 用 isXxx 代替 getXxx 方法 ,如 本 节 任 务 中 的 
LoginBean 的 login, 


4 代码 模板 的 参考 答案 


【代码 1]: < jsp:useBean id = "1b" class =" com. bean. LoginBean" scope = "page"/> 
【代码 2]: < jsp:setProperty property =" * " nane = "]b"/> 

【代码 3]: < jsp:getProperty property = "uname" name = "1b"/» 

【代码 4]: < jsp:getProperty property = "upass" name = "1b" /> 

【代码 5]: < jsp:getProperty property = "login" name = "1b" /> 





524 实践 环节 


编写 两 个 JSP 页面: inputTriangle. jsp 与 showTriangle. jsp。inputTriangle. jsp 提供 
一 个 表单 ,用户 可 以 通过 表单 输入 三 角形 的 3 条 边 提交 给 showTriangle. jsp。 用 户 提 交 表 











单 后 ,JSP 页 面 将 计算 三 角形 面积 和 周 长 的 任务 交 给 一 个 bean 去 完成 ,创建 bean 的 源 文件 
是 Triangle. java。 页 面 运行 效果 如 图 5.7 所 示 。 


— B P hitpi/localhost8080/chS/inputTrianglejsp 
输入 三 角形 三 边 ， 

边 A: 3 

边 B:4 

边 C:5 





(a) 三 角形 边 长 输入 页 面 
(8 B P. bp//localhost8080/chS/showTrianglejsp. 


三 角形 的 三 边 是 ， 
边 A，3.0 边 B: 4.0 边 C: 5.0 


这 三 个 边 能 构成 一 个 三 角形 吗 ? true 
面积 是 ， 6.0 


(b) 信息 显示 页 面 


图 5.7 页 面 运行 效果 


53 小 结 
本 章 重点 介绍 了 在 JSP 中 如 何 使 用 动作 标记 useBean .getProperty 和 setProperty。 
习 题 5 


1. 下 面 ( ) 是 正确 使 用 JavaBean 的 方式 。 
A. —jsp:useBean id— "address" class 一 "tom. AddressBean" scope— "page" /7* 
B. —jsp:useBean name= "address" class— "tom. AddressBean" scope "page" /77 
C. —jsp:useBean bean- "address" class— "tom. AddressBean" scope— "page" /> 
D. —jsp:useBean beanName- "address" class=" AddressBean" scope "page" /> 

2. JavaBean 中 方法 的 访问 属性 必须 是 ( J 


A. private B. public C. protected D. friendly 
3. 在 JSP 中 调用 JavaBean 时 不 会 用 到 的 标记 是 ( Yo 
A. <javabean> B. <jsp:useBean> 
C. <jsp:setProperty> D. —jsp:getProperty— 
4. JavaBean 的 作用 域 可 以 是 ( )、 page,session 和 application, 
A. request B. response C. out D. 以 上 都 不 对 
5. f£ test. jsp 文件 中 有 如 下 一 行 代码 : 
<jsp:useBean class— "tom. jiafei. Test" id= "user" scope=" " /全 要 使 user 
对 象 一 直 存 在 于 会 话 中 ,直至 终止 或 被 删除 为 止 ,下 划 线 中 应 填 人 ( — D. 
A. page B. request C. session D. application 


6. Æ JSP "P. fii JH — jsp: useBean- zh fF n] UL javaBean 引入 JSP 页 面 , 对 JavaBean 


EE Side ， 





的 访问 范围 不 能 是 ( ). 

A. page B. request C. response D. application 

7. 下 面 语句 与 一 jsp:getProperty name= "aBean" property "jsp" / 7 ^5 ff 9 JC Jis 
A. «M —jspO 962 
B. — out. print(aBean. get]spO) : %> 
C. <% —aBean. set]JspO % > 
D. <%aBean. set]spO ; 67 

8. 以 下 是 有 关 jsp:setProperty 和 jsp:getProperty 标记 的 描述 ,正确 的 是 ( Fa 
A. 志 jsp:setProperty 二 和 所 jsp:getProperty 二 标记 都 必须 在 二 jsp:useBean 过 的 开 

始 标记 和 结束 标记 之 间 

B. 这 两 个 标记 的 name 属性 值 必须 与 二 jsp:useBean 之 标记 的 id 属性 值 相对 应 
C. 这 两 个 标记 的 name JB E (B nT EA 5j — jsp: userBean ^ fid f id 属性 值 不 同 


D. 以 上 均 不 对 
9. 在 JSP 中 使 用 二 jsp:getProperty 之 标记 时 ,不 会 出 现 的 属性 是 ( M 
A. name B. property 


C. value D. JL EWRZIBIX 








数据 库 在 Web 应 用 中 扮演 着 越 来 越 重要 的 作用 。 如 果 没 有 数据 库 , 很 多 重要 的 应 用 ， 
像 电子 商务 .搜索 引擎 等 都 不 可 能 实现 。 本 章 主要 介绍 在 JSP 中 如 何 访问 关系 数据 库 , 如 
Oracle, SQL Server, MySQL 和 Microsoft Access 等 。 

本 章 涉 及 的 Java 源 文 件 保存 在 工程 ch6 的 src 中 ,涉及 的 JSP 页 面 保存 在 工程 ch6 的 
WebContent 中 。 


6.1 使 用 JDBC-ODBC 桥接 器 连接 数据 库 


JSP 页 面 中 访问 数据 库 , 首 先 要 与 数据 库 进行 连接 ,通过 连接 向 数据 库 发 送 指 令 , 并 获 
得 返回 的 结果 。JDBC 连接 数据 库 有 两 种 常用 方式 : 建立 JDBC-ODBC 桥接 器 和 加 载 纯 
Java 驱动 程序 。 


61.1 核心 知识 


JDBC(Java Database Connectivity) 是 用 于 运行 SQL 的 解决 方案 ,是 Java 运行 平台 核 
心 类 库 中 的 一 部 分 , 它 由 一 组 标准 接口 与 类 组 成 。 使 用 JDBC 完成 3 件 事 : 与 指定 的 数据 
库 建立 连接 ; 向 已 连接 的 数据 库 发 送 SQL 命令 ; 处 理 SQL 命令 返回 的 结果 。 

ODBC 是 由 Microsoft 主导 的 数据 库 连 接 标准 ,提供 了 通用 的 数据 库 访问 平台 。 但 是 ， 
使 用 ODBC 连接 数据 库 的 应 用 程序 移植 性 较 差 ,因为 应 用 程序 所 在 的 计算 机 必须 提供 
ODBC. 

使 用 JDBC-ODBC 桥接 器 连接 数据 库 的 机 制 是 ,将 连接 数据 库 的 相关 信息 提供 给 
JDBC-ODBC 驱动 程序 ,然后 转换 成 JDBC 接口 ,供应 用 程序 使 用 ,而 和 数据 库 的 连接 由 














iR SHEED | 
“ims 
ODBC 完成 。 使 用 JDBC-ODBC 桥接 器 连接 数据 库 的 示意 图 如 图 6. 1 所 示 。 bd 


使 用 JDBC-ODBC 桥接 器 连接 数据 库 有 以 下 3 个 步 又。 
(1) 建立 JDBC-ODBC 桥接 器 。 EET | 
(2) 创建 ODBC 数据 源 。 JDBC API 
(3) 和 ODBC 数据 源 指定 的 数据 库 建立 连接 。 
JDBC-ODBC Bridge Driver 
612 能 力 目标 


ODBC Driver 








掌握 JDBC-ODBC 桥接 器 连接 数据 库 的 方法 。 
613 任务 驱动 


任务 的 主要 内 容 如 下 。 

(1) 创建 待 连接 的 Microsoft Access 数据 库 。 

(2) 建立 JDBC-ODBC 桥接 器 。 

(3) 创建 ODBC 数据 源 。 

(4) 和 ODBC 数据 源 指定 的 数据 库 建立 连接 。 

(5) 在 JSP 页 面 中 使 用 JDBC-ODBC 桥接 器 连接 数据 库 。 


1. 创建 待 连接 的 Mcrosoft Access 数据 库 


使 用 Microsoft Access 2007 设计 一 个 数据 库 goods. accdb, 该 库 中 有 一 张 表 , 表 的 名 字 
为 goodsInfo, 表 的 说 明 如 图 6.2 所 示 。 




















ODBC 数 据 源 (XXX 数 据 库 ) 


6.1 JDBC-ODBC 桥 方式 


字段 名 称 | 数据 类 型 
goodsId 自动 编号 
goodsNane 本 商品 名 称 
goodsPrice 货币 商品 价格 
BoodsType 文本 商品 类 型 


图 6.2  goodsInfo 表 的 说 明 
表 中 的 数据 如 图 6. 3 所 示 。 


Pe — -|goodsPric -|goodsType ~ | AHH ZA 


LL LES 
SRM 

o Bo Bo 
Dra 





m 1 苹果 ¥6. 99 水 果 
B 2 冰箱 18,999. 00 电器 
5E 3 热 水 谈 31,899. 00 电器 
|| 4 牛角 面包 18.00 食品 
B 5XXXE X888. 00 服装 

| 678 19.99 日 用 品 
[NN 150) 


图 6.3  goodsInfo 表 中 的 数据 


2 建立 JDBC-ODBC 桥接 器 

JDBC 通过 java. lang. Class 类 的 静态 方法 forName 加 载 sun. jdbc. odbe. JdbcOdbcDriver 类 
建立 JDBC-ODBC 桥接 器 。 建 立 桥接 器 时 可 能 发 生 ClassNotFoundException 异常 ,必须 捕 
获 该 异常 ,建立 桥接 器 的 具体 代码 如 下 : 


26: 


try{ 

Class. forName(" sun. jdbc. odbc. JdbcOdbcDriver"); 
)catch(ClassNotFoundException e){ 

e. printStackTrace() ; 
} 


3. 创建 ODBC 数据 源 
创建 ODBC 数据 源 时 ,必须 保证 计算 机 有 ODBC 系统 , Windows 操作 系统 一 般 都 自 带 
ODBC 系统 。 


1) 打开 ODBC 数据 源 管理 器 
在 Windows 7 系统 下 ,首先 打开 “控制 面板 ”窗口 中 的 “系统 和 安全 ”窗口 ,然后 打开 “ 管 
理工 具 ” 窗 口 , 最 后 找到 “数据 源 (ODBC)” 图 标 双击 打开 ,出 现 如 图 6.4 所 示 的 对 话 框 。 





























用 户 数据 源 由 
名 称 驱动 程序 FMD... 
Microsoft Access dBASE Driver | agp | 
Excel Files Microsoft Excel Driver (&xls,| E - 
MS Access Database Microsoft Access Driver (&.mdb (PET) 











Visio Database Samples Microsoft Access Driver (*.mdb 








Up — , 


e 





























RE (m9...) l Emo | (LM 
图 6.4 “ODBC 数据 源 管理 器 ?对 话 框 


2) 为 数据 源 选择 驱动 程序 

在 图 6. 4 所 示 的 界面 上 选择 “用 户 DSN” 选 项 卡 , 单 击 “ 添 加 ”按钮 ,出 现 为 新 增 的 数据 
源 选 择 驱动 程序 界面 ,如 图 6. 5 所 示 。 因 为 要 连接 Microsoft Access 2007 数据 库 , 选 择 
Microsoft Access Driver( * . mdb, * .accdb) 选 项 , 单 击 “ 完 成 ”按钮 。 如 果 在 图 6. 5 所 示 的 
界面 中 没有 Microsoft Access 的 驱动 程序 ,那么 打开 目录 C:\Windows\SysWOW64, 双 击 
该 目录 下 的 odbcad32. exe 文件 ,打开 “ODBC 数据 源 管理 器 ”对 话 框 ,在 此 对 话 框 中 就 有 
Microsoft Access 的 驱动 了 。 

3) 为 数据 源 起 名 并 找到 对 应 的 数据 库 

在 图 6. 5 所 示 的 界面 中 单 击 “ 完 成 ”按钮 ,出 现 设置 数据 源 具 体 信息 的 对 话 框 ,如 图 6. 6 
所 示 。 在 “数据 源 名 ”文本 框 中 为 数据 源 起 个 名 字 , 如 myGod。 在 图 6. 6 所 示 的 界面 中 单 击 
“选择 ”按钮 ,为 myGod 数据 源 选择 数据 库 。 

4) 设置 登录 名 和 密码 

在 图 6. 6 所 示 的 界面 中 单 击 “ 高 级 "按钮, 出现 设 置 登 录 名 与 密码 界面 ,如 图 6.7 所 示 。 
这 里 的 用 户 名 和 密码 都 是 firstDB。 在 图 6. 7 所 示 的 界面 中 单 击 “ 确 定 ” 按 钮 后 ,再 单 击 








图 6. 6 所 示 的 界面 中 的 “确定 ”按钮 就 创建 了 一 个 新 的 数据 源 : myGod。 


选择 您 想 为 其 支 装 数据 源 的 9 动 程序 ©) 。 


名 称 
Driver do Microsoft Excel (+. xls) 
Driver do Microsoft Paradox (k. db ) g 
Driver para o Microsoft Visual FoxPro 
osoft Access dBASE Driver (*. dbf, *. nd: 
osoft Access Driver ( 
ft A [Dmm *. accdb 
Microsoft Access Paradox Driver (+. db) 
Microsoft Access Text Driver (+. txt, #. esv. Y 
« , 

















(EE) (m. 





图 6.5 “创建 新 数据 源 "对 话 框 








数据 库 : Di goods. accdb 
系统 数据 库 


exo 
O88 D: 





TARÉHRIE QD... 

















图 6.6 “ODBC Microsoft Access 安装 ”对话 框 





E 
i  firstDB [Lm J 
ZBO:  eeeeese 























图 6.7 “设置 高 级 选项 ”对 话 框 
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4 和 ODBC 数据 源 指定 的 数据 库 建 立 连 接 
首先 ,使 用 java. sql 包 中 的 Connection 类 声明 一 个 连接 对 象 con, 然 后 再 使 用 java. sql 
包 中 的 DriverManager 类 调用 静态 方法 getConnection 创建 连接 对 象 con: 


Connection con = DriverManager. getConnection("jdbc:odbc: 数 据 源 名 字 ", "登录 名 ", "密码 "); 
如 果 没有 给 数据 源 设置 登录 名 和 密码 ,那么 连接 形式 如 下 : 
Connection con DriverManager. getConnection( "jdbc : odbc: t fg Ui F", "",""); 


建立 连接 时 应 捕获 SQLException 异常 ,例如 ,和 数据 源 myGod 指定 的 数据 库 goods. accdb 
建立 连接 ,代码 如 下 : 


try{ 
Connection con = DriverManager. getConnection("jdbc:odbc:myGod", "firstDB", 
"firstDB"); 

Jcatch(SQLException e)( 
e. printStackTrace() ; 

上 


5 Æ JSP 页 面 中 使 用 JDBC-ODBC 桥接 器 连接 数据 库 

[916.1] 编写 一 个 JSP 页 面 example6 1. jsp, 该 页 面 中 的 Java 程序 片 代 码 使 用 
JDBC-ODBC 桥接 器 连接 到 数据 源 myGod, 查 询 goodsInfo 表 中 的 全 部 记录 。 页 面 运行 效 
果 如 图 6.8 所 示 。 


€ > C |D localhost8080/ch6/example6 1jsp 





6.8 使 用 JDBC-ODBC 桥接 器 连接 数据 库 
例 6. 1 页 面 文件 example6_1. jsp 的 代码 如 下 : 


<% (8 page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% (à page import = "java. sql. * " $> 
<html> 
< head> 
«title» example6_1. jsp </title> 
</head> 
< body bgcolor = "lightgreen"> 
<% 
Connection con = null; 
Statement st null; 
ResultSet rs = null; 
try { 
Class. forName(" sun. jdbc. odbc. JdbcOdbcDriver"); 
} catch (ClassNotFoundException e) { 


e. printStackTrace() ; 
) 
try f 
con = DriverManager. getConnection(" jdbc: odbc: nyGod" , "FirstDB", "firstDB"); 
st = con.createStatement(); 
rs = st.executeQuery("select * from goodsInfo"); 
out. print("« table border = 12"); 
out. print("« tr »"); 
out. print("« th» fli 4i S «/th»"); 
out. print("<th> 商 品名 称 </th>"); 
out. print("« th> 商 品 价格 </th>"); 
out. print("< th> 商 品类 别 </th>"); 
out. print("</tr >"); 
while(rs. next()){ 
out. print("<tr>"); 
out. print("<td>" * rs. getString(1) + "</td>"); 
out. print("« td>" + rs. getString(2) + "«/td»"); 
out. print("« td>" + rs. getString(3) + "«/td»"); 
out. print("« td>" + rs. getString(4) + "«/td»"); 
out. print("«/tr»"); 
) 
out. print("«/table»"); 
} catch (SQLException e) ( 
e. printStackTrace() ; 
) finally( 
try{ 
if(rs!= null)( 
rs.close(); 
} 
if(st!= null){ 
st.close(); 
} 
if(con!- null)( 
con. close(); 
) 
}catch (SQLException e) ( 
e. printStackTrace(); 
) 
} 
%> 
</body> 
«/htnl > 


注意 : 运行 例 6. 1 的 页 面 example6_1.jsp 时 ,可 能 会 出 现 “[Microsoft][ODBC 驱动 程 
序 管理 器 ] 在 指定 的 DSN 中 ,驱动 程序 和 应 用 程序 之 间 的 体系 结构 不 匹配 异常。 产生 该 异 
常 的 原因 是 JDK 版 本 与 Microsoft Office 不 匹配 。 版 本 要 求 是 ,64 位 Microsoft Office 使 用 
64 位 JDK 连接 Access; 32 位 Microsoft Office 使 用 32 位 JDK 连接 Access, 


614 实践 环节 
D 参考 本 节 任 务 中 的 主要 内 容 ,创建 数据 源 mySky, 该 数据 源 指定 的 数据 库 是 














mt 
130)- 
` : goods. accdb, 
(2) 编写 一 个 JSP 页 面 practice. 1. jsp, 该 页 面 中 的 Java 程序 片 代码 使 用 JDBC-ODBC 
桥接 器 连接 到 数据 源 mySky, 查 询 goodsInfo 表 中 goodsPrice 字段 值 大 于 100 的 全 部 记录 。 


6.2 使 用 纯 Java 数据 库 驱动 程序 连接 数据 库 


621 核心 知识 


使 用 纯 Java 数据 库 驱 动 程序 连接 数据 库 ,需要 以 下 两 个 步骤 。 

(1) 注册 纯 Java 数据 库 驱 动 程序 。 

(2) 和 指定 的 数据 库 建立 连接 。 

下 面 以 Oracle 10g 为 例 ,讲解 如 何 使 用 纯 Java 数据 库 驱 动 程序 连接 数据 库 。 


1. 注册 纯 Jaa 数据 库 驱 动 程序 

每 种 数据 库 都 配 有 自己 的 纯 Java 数据 库 驱 动 程序 。Oracle 10g 的 纯 Java 驱动 程序 一 
般 位 于 数据 库 安装 目录 \oracle\product\10. 2. 0\db_1\jdbc\lib F ,名 为 classes12. jar。 

为 了 连接 Oracle 10g 数据 库 ,可 以 将 classes12. jar 文件 复制 到 Web 应 用 程序 的 /WEB- 
INF/lib 目录 下 。 然 后 ,通过 java. lang. Class 类 的 forName() ,动态 注册 Oracle 10g 的 纯 
Java 驱动 程序 ,代码 如 下 : 














try { 

Class. forName( "oracle. jdbc. driver. OracleDriver"); 
) catch (ClassNotFoundException e) { 

e. printStackTrace() ; 
) 


2 和 指定 的 数据 库 建立 连接 
和 Oracle 数据 库 建立 连接 的 代码 如 下 : 
try { 
Connection con = DriverManager. getConnection("jdbc:oracle:thin:@ 主 机 :端口 号 :数据 库 
名 ", "用 户 名 ", "密码 "); 
} catch (SQLException e) { 
e. printStackTrace( ); 
} 
其 中 ,主机 是 安装 Oracle 服务 器 的 IP 地 址 ,如 果 是 本 机 则 为 localhost; Oracle 默认 端口 号 
为 1521; Oracle 默认 数据 库 名 为 orcl; 用 户 名 和 密码 是 访问 Oracle 服务 器 的 用 户 权限 。 
应 用 程序 连接 Oracle 数据 库 时 ,必须 事先 启动 Oracle 服务 器 的 OracleServiceORCL 和 
OracleOraDbl0g_homel1TNSListener 两 个 服务 ,否则 会 抛 出 连接 异常 。 


622 能 力 目 标 
掌握 纯 Java 数据 库 驱 动 程序 连接 数据 库 的 方法 。 























623 任务 驱动 








1 任务 的 主要 内 容 
编写 一 个 JSP 页 面 example6_2. jsp, 该 页 面 中 的 Java 程序 片 代 码 使 用 纯 Java 驱动 程序 
连接 Oracle 数据 库 ,查询 goodsInfo 表 中 的 全 部 记录 。 创 建 goodsInfo ff) SQL 语句 如 下 : 


create table goodsinfo ( 

goodsId number(4) not null, 

goodsName varchar(50) not null, 

goodsPrice number(7,2) not null, 

goodsType varchar(10) not null, 

constraint pk_goodsinfo primary key (goodsId) 
); 
insert into goodsinfo values(1, 7F 7$ ',12, ' 日 用 品 '); 
insert into goodsinfo values(2, ' 冰 箱 ',2500, ' 电 器 '); 
insert into goodsinfo values(3, ' 蛋 糕 ', 28, ' 食 品 '); 
insert into goodsinfo values(4, 3E ', 48, ' 水 果 '); 
insert into goodsinfo values(5,' EX ', 1800, ' 服 装 '); 
insert into goodsinfo values(6, ' 书 包 ',78, OCR.") ; 
commit; 


面 运行 效果 如 图 6. 9 所 示 o 


> I P |hapylocalhost8o8o/ch6/example6 2jsp 








6.9 使 用 纯 Java 驱动 程序 连接 Oracle 数据 库 


2 任务 的 代码 模板 
example6_2. jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" 
pageEncoding = "GBK" % > 
<% @ page import = "java. sql. * " €» 
<html> 
« head» 
«title» example5_2. jsp </title> 
</head> 
< body bgcolor = "LightPink"> 
<% 
Connection con = null; 
Statement st = null; 
ResultSet rs = null; 


tyí 
【代码 1]// 注 册 Oracle 的 纯 Java 驱动 程序 
} catch (ClassNotFoundException e) { 
e. printStackTrace() ; 
) 
try f 
con = DriverManager. getConnect ion(" jdbc : oracle:thin: (9) localhost:1521 :orcl", 
"systen" , " systen") ; 
st = con.createStatement(); 
rs = st. executeQuery( "select * from goodsInfo"); 
out. print("« table border = 1>"); 
out. print("« tr>"); 
out. print("« th> 商 品 编号 </th>"); 
out. print("<th> 商 品名 称 </th>"); 
out. print("« th> 商 品 价格 </th>"); 
out. print("<th> 商 品类 别 </th>"); 
out. print ("</tr >"); 
while(rs. next()){ 
out. print("« tr»"); 
out. print("« td>" + rs. getString(1) + "«/td»"); 
out. print("« td>" + rs. getString(2) + "«/td»"); 
out. print("« td>" + rs. getString(3) + "«/td»") ; 
out. print("« td>" + rs. getString(4) + "«/td»"); 
out. print("«/tr»"); 
) 
out. print("«/table»"); 
) catch (SQLException e) ( 
e. printStackTrace() ; 
} finally{ 
try{ 
if(rs!= null)( 
rs.close(); 
} 
if(st!= null) { 
st.close(); 
} 
if(con!= null)( 
con. close(); 
) 
}catch (SQLException e) ( 
e. printStackTrace(); 


) 
) 
LP 
</body> 
</html> 
3 .任务 小 结 或 知识 扩展 


从 任务 中 可 以 看 出 编写 程序 访问 数据 库 需 要 有 以 下 几 个 步骤 。 
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1) S A java. sql & 

所 有 与 数据 库 有 关 的 对 象 和 方法 都 在 java. sql 包 中 , 包 java. sql 包含 用 Java 操作 关系 
数据 库 的 类 和 接口 。 因 此 在 使 用 JDBC 的 程序 中 必须 要 加 入 import java. sql. * 。 

2) 加 载 驱动 程序 

在 该 任务 中 使 用 了 Class 类 (java. lang 包 ) 中 的 方法 forName, 来 装 入 该 驱动 程序 的 类 
定义 oracle. jdbc. driver. OracleDriver, 从 而 创建 了 该 驱动 程序 的 一 个 实例 。 

3) 连接 数据 库 

完成 上 述 操作 后 ,就 可 以 连接 一 个 特定 的 数据 库 了 。 这 需要 创建 Connection 类 的 一 个 
实例 ,并 使 用 DriverManager 的 方法 getConnection 来 尝试 建立 用 URL 指定 的 数据 库 的 连 
接 。 代 码 如 下 : 


con = DriverManager. getConnection("jdbc:oracle:thin:@localhost:1521:orcl", "system", 

"systen"); 

4) 访问 数据 库 

访问 数据 库 ,需要 先 用 Connection 类 的 createStatement 方法 从 指定 的 数据 库 连接 得 到 
一 个 Statement 的 实例 ,然后 用 这 个 实例 的 executeQuery 方法 来 执行 一 条 SQL 语句 。 代 码 
如 下 : 

st = con. createStatenent() ; 

TS = st.executeQuery("select * from goodsInfo"); 

5) 处 理 返 回 的 结果 集 

ResultSet 对 象 是 JDBC 中 比较 重要 的 一 个 对 象 ,几乎 所 有 的 查询 操作 都 将 数据 作为 
ResultSet 对 象 返回 。 处 理 结果 集 ResultSet 对 象 的 代码 如 下 : 


while(rs. next()){ 
out. print("« tr»"); 
out. print("« td>" + rs. getString(1) + "«/td»"); 
out. print("« td>" + rs. getString(2) + "«/td»"); 
out. print("« td>" + rs. getString(3) + "«/td»"); 
out. print("« td>" + rs. getString(4) + "«/td»"); 
out. print("«/tr»"); 

) 


6) 关闭 数据 库 连 接 ,释放 资源 
对 数据 库 的 操作 完成 之 后 ,要 及 时 关闭 ResultSet 对 象 Statement 对 象 和 数据 库 连 接 
对 象 Connection, 从 而 释放 占用 的 资源 ,这 就 要 用 到 close 方 法 。 代 码 如 下 : 


rs.close(); 
st.close(); 
con.close(); 


关闭 的 顺序 从 先 到 后 依次 为 ResultSet X4 & , Statement 对 象 和 Connection 4 £ 
4 代码 模板 的 参考 答案 


【代码 1]: Class. forName("oracle. jdbc. driver. OracleDriver"); 


EN) 





624 :实践 环节 


编写 一 个 JSP 页 面 practice6_2. jsp ,该 页 面 中 的 Java 程序 片 代码 使 用 纯 Java 驱动 程序 
连接 Oracle 数据 库 ,查询 goodsInfo 表 中 goodsPrice 字段 值 大 于 10 并 小 于 50 的 全 部 记录 。 
页 面 运行 效果 如 图 6. 10 所 示 。 


二 NH P [http//localhost:8080/ch6/practice6 2jsp 














6.10  practice6 2.jsp 页 面 运行 效果 


6.3 Statement、ResultSet 的 使 用 





6.3.1 核心 知识 
和 数据 库 建立 连接 后 , 接 下 来 要 执行 SQL 语句 ,需要 有 以 下 几 个 步骤 。 


1. MÆ Statement 对 象 
Statement 对 象 代表 一 条 发 送 到 数据 库 执行 的 SQL 语句 。 由 已 创建 的 Connection 对 
象 con 调用 createStatement ) 方 法 来 创建 Statement 对 象 ,代码 如 下 : 











Statement smt = con. createStatement(); 


2 执行 SQL 语句 

创建 Statement 对 象 后 ,可 以 使 用 Statement 对 象 调 用 executeUpdate (String sql), 
executeQuery(String sql) 等 方法 来 执行 SQL 语句 。 

executeUpdate(String sql) 方 法 主要 用 于 执行 INSERT .UPDATE 或 DELETE 语句 以 
及 SQL DDL 语句 ,例如 CREATE TABLE fll DROP TABLE。 该 方法 返回 一 个 整数 (代表 
被 更 新 的 行 数 ) ,对 于 CREATE TABLE fil DROP TABLE 等 不 操作 行 的 指令 ,返回 零 。 

executeQuery(String sql) 方 法 则 是 用 于 执行 SELECT 等 查询 数据 库 的 SQL 语句 ,该 
方法 返回 ResultSet 对 象 ,代表 查询 的 结果 。 


3. 处 理 返 回 的 ResultSet 对 象 

ResultSet 对 象 是 executeQuery(String sql) 方 法 的 返回 值 ,被 称 为 结果 集 , 它 代表 符合 
SQL 语句 条 件 的 所 有 行 。ResultSet 对 象 调用 next() 方 法 移动 到 下 一 个 数据 行 (顺序 查 
询 ), 当 数据 行 存在 时 ,next() 方 法 返回 true, 和 否则 返回 false。 获 得 一 行 数据 后 ,ResultSet 对 
象 可 以 使 用 getXxx 方法 获得 字段 值 ,getXxx 方法 都 提供 依 字段 名 称 取 得 数据 ,或 依 字段 顺 
序 取得 数据 的 方法 。 


632 能 力 目标 
能 够 灵活 使 用 Statement $ ResultSet 对 象 对 数据 库 进行 增删 改 查 。 




















63.3 任务 驱动 


1 任务 的 主要 内 容 

编写 两 个 JSP 页 面 : addGoods. jsp 和 showAllGoods. jsp。 用 户 可 以 在 addGoods. jsp 页 面 
中 输入 信息 后 , 单 击 * 添 加 ”按钮 把 信息 添加 到 goodsInfo 表 中 。 然 后 ,在 showAllGoods. jsp 页 
面 中 显示 所 有 商品 信息 。 在 该 任务 中 需要 编写 一 个 bean(GoodsBean. java) 用 来 添加 和 查 
询 记录 。 页 面 运行 效果 如 图 6. 11 所 示 。 


c 国 P |htpVlocalhost8080/ch6/addGoodsjsp 
商品 编号 是 主键 ， 不 能 重复 ， 每 个 信息 都 必须 输入 ! 
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(a) 添加 记录 


oc ON d? [http//localhost8080/ch6/showAllGoods.jsp. 
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(b) 查询 记录 


6.11 页 面 运行 效果 


2 任务 的 代码 模板 
addGoods. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head> 
<title> addGoods. jsp </title> 
</head> 
<body> 
<h4 > 商品 编号 是 主键 ,不 能 重复 ,每 个 信息 都 必须 输入 !</h4> 
< form action = "showAllGoods. jsp" method = "post"> 
<table border = "1"> 
«tr» 
<td> 商 品 编号 :</td> 
<td>< input type = "text" name = "goodsId"/></td> 
</tr> 
«tr» 


<td> 商 品名 称 :</td> 





<td>< input type = "text" name = "goodsName"/></td> 
</tr> 
«tr» 

<td> 商 品 价格 :</td> 

<td>< input type = "text" name = "goodsPrice"/></td> 











</tr> 
<tr> 
<td> 商 品类 型 :</td> 
<td> 
< select name = "goodsTYpe"> 
<option value = "日 用 品 "> 日 用 品 
<option value = "电器 "> 电器 
<option value = "食品 "> 食品 
« option value = "水 果 "> 水 果 
<option value = "服装 "> 服装 
<option value= "文具 "> 文具 
<option value = "其 他 "> 其 他 
</select> 
</td> 
</tr> 
<tr> 


< td»« input type = "submit" value = "添加 "></td> 
< td>< input type = "reset" value = "f "></td> 
</tr> 
</table> 
</form> 
</body> 
</html> 


showAllGoods. jsp 的 代码 如 下 : 





<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% (à page import = "bean.GoodsBean" %> 
<html> 
< head> 
« title» showAllGoods. jsp </title> 
</head> 
< body> 
<% 
request. setCharacterEncoding( "GBK" ) ; 
5» 
< jsp:useBean id = "goods" class = "bean. GoodsBean" scope = "page"></jsp:useBean > 
< jsp:setProperty property =" * " name = "goods"/> 
<% 
goods. addGoods( ) ; // 添 加 商品 
E» 
< jsp:getProperty property = "queryResult" name = "goods"/»«! -- 获得 查询 结果 --> 
</body> 
</html> 


GoodsBean. java 的 代码 模板 如 下 : 





package bean; bod 
import java. sql. * ; 
public class GoodsBean { 
int goodsId; 
String goodsName; 
double goodsPrice; 
String goodsType; 
StringBuffer queryResult; // 查 询 结果 
public GoodsBean()( 
J 
public int getGoodsId() { 
return goodsId; 
} 
public void setGoodsId( int goodsId) { 
this. goodsId = goodsId; 
) 
public String getGoodsName() ( 
return goodsNane; 
} 
public void setGoodsName(String goodsName) ( 
this.goodsName - goodsName; 
} 
public double getGoodsPrice() ( 
return goodsPrice; 
} 
public void setGoodsPrice(double goodsPrice) { 
this.goodsPrice = goodsPrice; 
} 
public String getGoodsType() { 
return goodsType; 
} 
public void setGoodsTYpe(String goodsType) { 
this. goodsType = goodsType; 
4 
// 添 加 记录 
public void addGoods()( 
Connection con = null; 
Statement st = null; 
try { 
Class. forName( "oracle. jdbc. driver. OracleDriver"); 
} catch (ClassNotFoundException e) ( 
e. printStackTrace(); 
} 
try f 
con = DriverManager. getConnection("jdbc:oracle:thin:(9 localhost:1521:0rcl", 
"systen" , " systen") ; 
REB 1] // 创 建 Statement 对 象 
String addSql- "insert into goodsInfo values(" + goodsId + ", '" + goodsName + " '," + goodsPrice 
£7," + goodsType + "')"; 
【代码 2] // 执 行 insert 语句 
}catch (SQLException e) { 





esf. e. printStackTrace() ; 


}finally{ 
try{ 
if(st!= null){ 
st.close(); 
) 


if(con!= null)( 
con. close(); 
) 
}catch (SQLException e) ( 
e. printStackTrace() ; 


} 
// 查 询 记录 
public StringBuffer getQueryResult()( 
queryResult = new StringBuffer(); 
Connection con = null; 
Statement st - null; 
ResultSet rs = null; 
try ( 
Class. forNane( oracle. jdbc. driver. OracleDriver"); 
) catch (ClassNotFoundException e) ( 
e. printStackTrace() ; 


} 
try ( 
con = DriverManager. getConnection("jdbc:oracle:thin:(9 localhost:1521:0rcl", 
"system", " systen") ; 
【代码 3】 // 创 建 Statement 对 象 
String selectSql- "select * from goodsInfo"; 
【代码 4] / Ak select 语句 


queryResult. append( "< table border = 1 >"); 
queryResult. append("« tr »"); 
queryResult. append("« th> goodsId «/th»"); 
queryResult. append("« th » goodsName «/th»") ; 
queryResult. append("« th» goodsPrice «/th»"); 
queryResult. append("« th> goodsType «/th»") ; 
queryResult. append("«/tr >"); 
while(rs.next())( 
queryResult. append("« tr »"); 
queryResult. append("« td>" + rs. getString(1) + "«/td»"); 
queryResult. append("« td>" + rs. getString(2) + "«/td»"); 
queryResult. append("« td>" + rs. getString(3) + "«/td»"); 
queryResult. append("« td>" + rs. getString(4) + "«/td»"); 
queryResult. append("«/tr >"); 
} 
queryResult. append( "</table>" ) ; 
}catch (SQLException e) { 
e. printStackTrace( ); 
}finally{ 
try{ 


第 6 章 .访问 数据 库 
EEE) 
if(rs!= null){ bod 
rs.close(); 
) 
if(st! null)( 
st.close(); 
) 
if(con!= null)( 
con. close(); 
} 
}catch (SQLException e) { 
e. printStackTrace( ) ; 
} 
} 


return queryResult; 
) 


3. 任务 小 结 或 知识 扩展 

ResultSet 对 象 自动 维护 指向 其 当前 数据 行 的 游标 。 每 调用 一 次 next() 方 法 ,游标 向 下 
移动 一 行 。 最 初 它 位 于 结果 集 的 第 一 行 之 前 ,因此 第 一 次 调用 next() ,将 把 游标 置 于 第 一 
行 上 ,使 它 成 为 当前 行 。 随 着 每 次 调用 next() ,导致 游标 向 下 移动 一 行 ,按照 从 上 至 下 次 序 
获取 ResultSet 行 , 实 现 顺 序 查 询 。 

ResultSet 对 象 包 含 SQL 语句 的 执行 结果 。 它 通过 一 套 get 方法 对 这 些 行 的 数据 进行 
访问 ,即使 用 getXxx() 方 法 获得 数据 。get 方法 很 多 ,究竟 用 哪 一 个 getXxx() 方 法 ,由 列 的 
数据 类 型 来 决定 。 使 用 getXxx() 方 法 时 ,需要 注意 以 下 两 点 。 

(1) 无 论 列 是 何 种 数据 类 型 ,总 可 以 使 用 getString (int columnIndex) 或 getString 
(String columnName) 方 法 获得 列 值 的 字符 串 表 示 。 

(2) 如 果 使 用 getString(int columnIndex) 方 法 查看 一 行 记录 ,不 允许 颠倒 顺序 ,例如 ， 
不 允许 

rs.getString(2); 

rs.getString(1); 


4 代码 模板 的 参考 答案 


【代码 1]: st = con.createStatement() ; 
【代码 2]: st. executeUpdate(addSq1) ; 

【代码 3]: st = con.createStatenent() ; 
【代码 4]: rs = st. executeQuery(selectSq1); 





634 实践 环节 


编写 两 个 JSP 页 面 : inputQuery. jsp 和 showGoods. jsp。 用 户 可 以 在 inputQuery. jsp 
页 面 输入 查询 条 件 后 , 单 击 “ 查 询 ” 按 钮 。 然 后 ,在 showGoods. jsp 页 面 中 显示 符合 查询 条 件 
的 商品 信息 。 在 本 节 任 务 的 bean(GoodsBean. java) 中 添加 一 个 方法 getQueryResultBy() 实 现 
该 题 的 条 件 查 询 功 能 。 页 面 运行 效果 如 图 6. 12 所 示 。 











140, 


coc Mi P [httpi/localhostB080/ch6/inputQueryjsp. 





(a) 输入 条 件 
poc  $ [htpy//ocalhosta080/ch6/showGoodsjsp 











lgo0dsId lgoodsPricellgoodsTypel 
n ER 图 DRE 
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(b) 符合 查询 条 件 的 记录 
图 6.12 页 面 运行 效果 





















































6.4 游 动 查询 
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有 时 候 需要 结果 集 的 游标 前 后 移动 ,这 时 可 使 用 滚动 结果 集 。 为 了 获得 滚动 结果 集 , 必 
须 首先 用 下 面 的 方法 得 到 一 个 Statement 对 象 : 








Statement st = con.createStatement(int type, int concurrency); 


根据 type 和 concurrency 的 取 值 , 当 执行 ResultSet rs = st. executeQuery (String sql) 时 ， 
会 返回 不 同类 型 的 结果 集 。 

type 的 取 值 决定 滚动 方式 , 它 的 取 值 如 下 。 

(D) ResultSet. TYPE_FORWORD_ONLY: 表示 结果 集 只 能 向 下 滚动 。 

(2) ResultSet. TYPE SCROLL INSENSITIVE: 表示 结果 集 可 以 上 下 滚动 , 当 数据 库 
变化 时 ,结果 集 不 变 。 

(3) ResultSet. TYPE SCROLL SENSITIVE: 表示 结果 集 可 以 上 下 滚动 , 当 数据 库 变 
化 时 ,结果 集 同步 改变 。 

concurrency 取 值 表示 是 否 可 以 用 结果 集 更 新 数据 库 , 它 的 取 值 如 下 。 

(1) ResultSet. CONCUR_READ_ONLY: 表示 不 能 用 结果 集 更 新 数据 库 表 。 

(2) ResultSet. CONCUR_UPDATETABLE: 表示 能 用 结果 集 更 新 数据 库 表 。 


642 能 力 目标 
能 够 灵活 使 用 滚动 结果 集 进 行 游 动 查询 。 

















643 任务 驱动 





1. 任务 的 主要 内 容 
编写 一 个 JSP 页 面 randomQuery. jsp, 查 询 goodsInfo 表 中 的 全 部 记录 ,并 将 结果 逆序 


输出 ,最 后 单独 输出 第 4 条 记录 。 运 行 结果 如 图 6. 13 所 示 。 


3 P |htpy/localhost8080/che/randomQueryjsp 





































































































该 表 共有 7 条 记录 
现在 逆序 输出 记录 ， 

品 编号 商品 名 称 | 商 品 价格 | 商品 类别 
7 mE i7 水 果 
6 Ba Je 区 具 
5 [E 1800 服装 
a BER e RR 
3 HEP es 食品 
2 zga 2500 电器 
1 FE Ju 日 用 品 
单独 输出 第 4 条 记录 
4 苹果 48 水 果 


图 6.13 随机 查询 记录 


2 任务 的 代码 模板 
randomQuery. jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% @ page import = "java. sql. * " $» 
<html> 
< head> 
< title» randomQuery. jsp </title> 
</head> 
< body> 
<% 
Connection con = null; 
Statement st = null; 
ResultSet rs = null; 
try f 
Class. forName( "oracle. jdbc. driver. OracleDriver"); 
} catch (ClassNotFoundException e) ( 
e. printStackTrace(); 
} 
try { 
con = DriverManager. getConnection("jdbc:oracle: thin: @ localhost:1521:orcl", 
"system", " system"); 
// 创 建 st 对 象 , 该 对 象 获得 的 结果 集 和 数据 库 同步 变化 ,但 不 能 用 结果 集 更 新 表 
【代码 1 
// 返 回 可 滚动 的 结果 集 
rs = st.executeQuery("SELECT * FROM goodsInfo"); 
// 将 游标 移动 到 最 后 一 行 
rs.last(); 
// 获 取 最 后 一 行 的 行 号 
int lownumber = rs.getRow(); 
out. print(" 该 表 共有 ”+ lownumber + "条 记录 "); 
out. print("« BR> 现 在 逆序 输出 记录 : "); 
out. print("« Table Border = 1 >"); 


out. print("< TR>"); 
out. print ("< TH> 商 品 编号 </TH>"); 
out. print("<TH> 商 品名 称 </TH>"); 
out. print("<TH> 商 品 价格 </TH>"); 
out. print("<TH> 商 品类 别 </TH>"); 
out. print ("</TR>"); 
// 为 了 逆序 输出 记录 , 需 将 游标 移动 到 最 后 一 行 之 后 
rs.afterLast(); 
while (rs. previous()) { 
out. print("< TR>"); 
out. print("<TD>" + rs.getString(1) + "</TD>"); 
out. print("<TD>" + rs.getString(2) + "«/TD»"); 
out. print("<TD>" + rs.getString(3) + "«/TD»"); 
out. print("<TD>" + rs.getString(4) + "</TD>"); 
out. print("</TR>"); 
} 
out. print("</Table>"); 
out. print("<BR> 单 独 输出 第 4 条 记录 < BR>"); 
rs.absolute( 4); 
out.print(rs.getString(1) + " "); 
out.print(rs.getString(2) + ""); 
out.print(rs.getString(3) * ""); 
out. print(rs.getString(4)); 
) catch (SQLException e) ( 
e. printStackTrace() ; 
) finally ( 
try { 
if (rs != null) { 
rs.close(); 
} 
if (st != null) { 
st.close(); 
) 
if (con != null) ( 
con. close() ; 
) 
) catch (SQLException e) { 
e. printStackTrace(); 


) 
i 
%> 
</body> 
</html > 
3 .任务 小 结 或 知识 扩展 


游 动 查询 经 常用 到 ResultSet 类 的 下 述 方法 。 


(1) public boolean absolute(int row) ; 将 游标 移 到 参数 row 指定 的 行 。 如 果 row 取 负 
值 ,就 是 倒数 的 行 ,如 一 1 表示 最 后 一 行 。 当 移 到 最 后 一 行 之 后 或 第 一 行 之 前 时 ,该 方法 返 


回 false。 


sos SWDEERO 


(2) public voidafterLastO ; 将 游标 移 到 结果 集 的 最 后 一 行 之 后 。 

(3) public void beforeFirst() : 将 游标 移 到 结果 集 的 第 一 行 之 前 。 

(4) public void firstO : 将 游标 移 到 结果 集 的 第 一 行 。 

(5) public int getRow(): 得 到 当前 游标 所 指定 的 行 号 ,如 果 没 有 行 , 则 返回 0。 

(6) public boolean is AfterLastO ; 判断 游标 是 不 是 在 结果 集 的 最 后 一 行 之 后 。 

(7) public boolean is BeforeFirstO : 判断 游标 是 不 是 在 结果 集 的 第 一 行 之 前 。 

(8) public void lastO : 将 游标 移 到 结果 集 的 最 后 一 行 。 

(9) public boolean previousO : 将 游标 向 上 移动 (和 next 方法 相反 ) , 当 移 到 结果 集 的 
第 一 行 之 前 时 返回 false。 


4 代码 模板 的 参考 答案 


【代码 1]: st = con.createStatement(ResultSet. TYPE SCROLL SENSITIVE, 
ResultSet.CONCUR READ ONLY); 





644 实践 环节 


编写 一 个 JSP 页 面 practice6_4. jsp, 查 询 goodsInfo 表 中 的 记录 ,并 逆序 输出 偶数 行 的 
记录 。 运 行 结果 如 图 6. 14 所 示 。 


图 P |httpy/ocalhost8080/ch6/practice6 4jsp 

















该 素 共 有 ?条 记录 | 
现在 逆序 输出 偶数 行 的 记录 ， 








6 行 |6 Bars XA 
4tr 上 EER las pk 
2 行 |e [Kd 2500 电器 
























































图 6.14 逆序 输出 偶数 行 的 记录 


6.5 访问 Excel 电子 表格 
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可 以 使 用 JDBC-ODBC 桥接 器 访问 Excel 电子 表格 ,包括 增加 删除. 修改 ,查询 等 操 
作 。 但 访问 Excel 电子 表格 和 访问 关系 数据 库 有 所 不 同 。 访 问 Excel 电子 表格 要 经 过 以 下 
两 个 步骤 。 

1. 创建 Excel 电子 表格 

使 用 Excel 2007 创建 一 个 名 为 student. xlsx 的 电子 表格 ,该 Excel 表格 中 有 一 个 名 为 
studentScore 的 工作 表 。student. xlsx 电子 表格 如 图 6. 15 所 示 。 


2 创建 数据 源 
创建 Excel 电子 表格 后 ,需要 为 它 创建 数据 源 。 数 据 源 的 名 字 是 student, 为 数据 源 选 
择 的 驱动 程序 是 Microsoft Excel Driver (*. xls, *. xlsx，x. xlsm，x. xlsb)。 如 果 想 通 





























BELL Dam] 
i | 学 号 姓名 性 别 JsP 成 绩 
2 |201288801 大 SS 男 56. 00 

[ 3 |201288802 小 ss * 65. 00 
4 |201288803 中 SS 5 78. 00 
5 [201288804 中 ss 5 91. 00 
6 |201288805 小 小 s 5 85.00 
了 











te studentScore Sheet2 /Sheet AIA] 
图 6.15 student. xlsx 电子 表格 


过 JDBC-ODBC 修改 Excel 电子 表格 ,在 设置 数据 源 时 , 单 击 “ 选 项 ”按钮 ,将 “只 读 ” 属 性 设 
置 为 未 选中 状态 ,如 图 6. 16 所 示 。 


opac visost MM 























HERZ:  stuient 
HAW: O 
数据 库 ET 
MEO: (meniz0 = | 
IA 

OEBI(ESG.. | 
加 使 用 当前 目录 QD. 3m 002». 
驱动 程序 
HEHAD: 8 —— — DERD 








6.16 “ODBC Microsofe Excel 安装 "对话 框 


注意 : 访问 Excel 电子 表格 时 ,把 其 中 的 工作 表 看 成 数据 库 中 的 表 , 如 student. xlsx 中 
的 studentScore 工作 表 。 使 用 SQL 语句 对 工作 表 中 的 数据 进行 增加 删除、 修改 和 查询 时 ， 
要 在 表 名 前 加 [ ,在 表 名 后 加 $$], 如 select * from [studentScore $ ]. 
652 能 力 目标 
能 够 灵活 使 用 JDBC-ODBC 桥接 器 访问 Excel 电子 表格 。 
653 任务 驱动 


1. 任 务 的 主要 内 容 

编写 一 个 JSP 页 面 readExcel. jsp, 在 该 页 面 的 Java 程序 片 中 首先 增加 一 条 记录 到 
studentScore 工作 表 中 ,然后 修改 某 条 记录 ,最 后 查询 全 部 记录 。 

2 任务 的 代码 模板 

readExcel. jsp 的 代码 模板 如 下 : 




















<% (8 page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% (à page import = "java. sql. * " %> 
<html> 
< head» 
<title> readExcel. jsp </title> 
</head> 
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< body bgcolor = "lightgreen"» w” 


<% 
Connection con = null; 
Statement st = null; 
ResultSet rs = null; 
try f 


Class. forName(" sun. jdbc. odbc. JdbcOdbcDriver"); 
} catch (ClassNotFoundException e) { 
e. printStackTrace(); 
) 
try { 
con = DriverManager. getConnection("jdbc:odbc:student","", ""); 
st = con. createStatement( ) ; 


// 添 加 记录 

st.executeUpdate("insert into 【代码 1] values('201212009', 'sss', nv',73)"); 
// 修 改 记录 

st. executeUpdate( "update 【代码 2] set 性 别 = ' 女 'where 学 号 = '201288803""); 
// 查 询 全 部 记录 


rs = st.executeQuery("select * from 【代码 3] "); 
out. print("« table border = 1 >"); 
out. print("« tr»"); 
out. print("« th»^£ E«/th»") ; 
out. print("« th> 姓 名 </th>"); 
out. print("<th> 性 别 </th>"); 
out. print("< th>JSP 成 绩 </th>"); 
out. print("</tr >"); 
while(rs. next()){ 
out. print("<tr>"); 
out. print("<td>" * rs. getString(1) + "</td>"); 
out. print("« td>" + rs. getString(2) + "«/td»"); 
out. print("« td>" + rs. getString(3) + "«/td»"); 
out. print("« td>" + rs. getString(4) + "«/td»"); 
out. print("«/tr»"); 
) 
out. print("«/table»"); 
) catch (SQLException e) { 
e. printStackTrace() ; 
)finally( 
try{ 
if(rs!= null)( 
rs.close(); 
} 
if(st!= null) { 
st.close(); 
) 
if(con!» null)( 
con. close(); 
} 
}catch (SQLException e) { 
e. printStackTrace(); 


$> 
</body> 
</html> 


3. 任务 小 结 或 知识 扩展 
一 个 Excel 电子 表格 可 以 有 多 个 工作 表 , 使 用 JDBC-ODBC 可 以 访问 电子 表格 中 任何 


一 个 工作 表 , 就 像 访问 一 个 数据 库 中 任意 一 张 表 一 样 。 
注意 : 访问 Excel 与 访问 Access 一 样 ,也 可 能 会 出 现 “[IMicrosoft][ODBC 驱动 程序 管理 


器 ] 在 指定 的 DSN 中 ,驱动 程序 和 应 用 程序 之 间 的 体系 结构 不 匹配 异常 ,解决 方法 与 6.1.1 节 中 
的 Access 一 样 。 
4 代码 模板 的 参考 答案 


【代码 1]: [studentScore $ ] 
【代码 2】: [studentScore $ ] 
【代码 3]: [studentScore $ ] 








654 实践 环节 
在 student. xlsx 电子 表格 中 新 建 一 个 工作 表 empTable, 如 图 6.17 所 示 ,编写 一 个 JSP 
页 面 practice6_5. jsp, 在 该 页 面 中 显示 empTable 表 中 的 所 有 记录 。 














me hse em Br c L 
i EARS M IX 

.2 |10008801 孙悟空 Y 18, 000. 00 
3 10008802 J#/\ | ¥17, 000.00 
4 10008803 沙 僧 ¥14, 000. 00 
5 |10008804 唐僧 Y 23, 000. 00 
6 

7 








44 | studentScore Table Sheet 


图 6.17 工作 表 empTable 


6.6 使 用 连接 池 
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与 数据 库 建立 连接 是 一 个 耗资 源 的 活动 ,每 次 都 得 花费 一 定 的 时 间 。 这 个 时 间 对 于 一 
次 或 几 次 数据 库 连 接 , 系 统 的 开销 或 许 不 明显 。 可 是 对 于 同时 有 成 千 上 万 人 频繁 地 进行 数 
据 库 连 接 操 作 的 大 型 电子 商务 网 站 来 说 势必 占用 很 多 系统 资源 ,网 站 的 响应 速度 必定 下 降 ， 
严重 时 甚至 会 造成 服务 器 的 崩溃 。 因 此 ,合理 地 建立 数据 库 连 接 是 非常 重要 的 。 

数据 库 连 接 池 的 基本 思想 是 ,为 数据 库 连 接 建立 一 个 “缓冲 池 ”。 预 先 在 “缓冲 池 ” 中 放 
入 一 定数 量 的 连接 , 当 需 要 建立 数据 库 连 接 时 ,只 需 从 “缓冲 池 ” 中 取出 一 个 ,使 用 完毕 之 后 
再 放 回去 。 可 以 通过 设 定 连接 池 最 大 连接 数 来 防止 系统 无 限度 地 与 数据 库 连 接 。 更 为 重要 
的 是 ,通过 连接 池 的 管理 机 制 监 视 数据 库 连接 的 数量 及 使 用 情况 ,为 系统 开发 ,测试 和 性 能 








调整 提供 依据 。 其 工作 原理 如 图 6. 18 所 示 。 





Servlet 或 JSP 




































































用 户 2 一 (线程 2 
图 6.18 连接 池 的 原理 
662 能 力 目 标 
了 解 连接 池 的 工作 原理 ,灵活 使 用 连接 池 连 接 数据 库 。 
6.6.3 任务 驱动 
1 任务 的 主要 内 容 


编写 一 个 JSP 页 面 conPool. jsp, 在 该 页 面 中 使 用 scope Jy application 的 bean (由 
ConnectionPool 类 负责 创建 ) 。 该 bean 创建 时 ,将 建立 一 定数 量 的 连接 对 象 。 因 此 ,所 有 用 
户 将 共享 这 些 连 接 对 象 。 在 JSP 页 面 中 使 用 bean 获得 一 个 连接 对 象 ,然后 使 用 该 连接 对 象 
访问 数据 库 中 的 goodsInfo 表 ( 查 询 出 商品 价格 大 于 500 的 商品 )。 页 面 运行 效果 如 图 6. 19 
所 示 。 


m [http//localhost8080/ch6/conPooljsp 

















商品 缩 号 | 商品 名 称 | 商品 价格 | 商品 类 别 | 
2 pa J250 ES 
5 EX |1800 — RR 























图 6.19 使 用 连接 池 连 接 数 据 库 


2 任务 的 代码 模板 
ConnectionPool. java 的 代码 如 下 : 


package db. connection. pool; 
import java. sql. * ; 
import java. util. ArrayList; 
public class ConnectionPool { 
// 存 放 Connection 对 象 的 数组 ,数组 被 看 成 连接 池 
ArrayList < Connection» list = new ArrayList < Connection»(); 
// 构 造 方法 , 创建 15 个 连接 对 象 , 放 到 连接 池 中 
public ConnectionPool(){ 
try { 
Class. forNane( "oracle. jdbc. driver. OracleDriver"); 
) catch (ClassNotFoundException e) ( 


e. printStackTrace() ; 
} 
for(int i=0;i<15;i++){ 
try f 
Connection 
con = DriverManager. getConnection(" jdbc :oracle: thin: @localhost:1521: 
orcl", "system", system"); 
list.add(con); 
) catch (SQLException e) ( 
//'T0DO Auto- generated catch block 
e. printStackTrace(); 


) 
} 
// 从 连接 池 中 取出 一 个 连接 对 象 
public synchronized Connection getOneCon()( 
if(list.size()» O)( 
// 删 除数 组 的 第 一 个 元 素 ,并 返回 该 元 素 中 的 连接 对 象 
return list.remove(0); 
}else{ 
// 连 接 对 象 被 用 完 
return null; 
} 
} 
// 把 连接 对 象 放 回 连接 池 中 
public synchronized void releaseCon(Connection con){ 
list. add(con); 
} 
} 


conPool. jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% (à page import = "java. sql. * " $^ 
<% (à page import = "db. connection. pool. * " %> 
<html> 
< head? 
<title> 使 用 连接 池 连 接 数 据 库 </title> 
</head> 
< jsp:useBean id = "conpool" class = "db. connection. pool. ConnectionPool" scope = 
"application" /> 
< body bgcolor = "AliceBlue"» 
<% 
Connection con = null; 
Statement st = null; 
ResultSet rs = null; 
try{ 
【代码 1]// 使 用 conpool 对 象 调用 getOneCon 方法 从 连接 池 中 获得 一 个 连接 对 象 
if(con-- null)( 
out.print(" 人 数 过 多 , 稍 后 访问 "); 


return; 
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} 
st = con.createStatement(); 
rs= st.executeQuery("select * from goodsInfo where goodsPrice> 500"); 
out. print("« table border = 1 >"); 
out.print("« tr»"); 
out. print("« th> 商 品 编号 </th>"); 
out. print("<th> 商 品名 称 </th>"); 
out. print("<th> 商 品 价格 </th>"); 
out. print("<th> 商 品类 别 </th>"); 
out. print("</tr >"); 
while(rs. next()){ 
out. print("< tr>"); 
out. print("« td>" + rs. getString(1) + "</td>"); 
out. print("« td>" + rs. getString(2) + "«/td»"); 
out. print("« td>" + rs. getString(3) + "«/td»"); 
out. print("« td>" + rs. getString(4) + "«/td»"); 
out. print("«/tr»"); 
} 
out. print("</table>"); 
}catch( SQLException e) { 
e. printStackTrace(); 
}finally{ 
try{ 
if(rs!= null)( 
rs.close(); 
) 
if(st!- null)( 
st.close(); 
) 
if(con!- null)( 
【代码 2]// 使 用 conpool 对 象 调 用 releaseCon 方法 把 连接 对 象 放 回 连接 池 中 
) 
)catch(SQLException e)( 
e. printStackTrace(); 
) 
) 
5» 
</body> 
</html> 


3 任务 小 结 或 知识 扩展 

第 一 次 访问 连接 池 时 ,需要 耗费 一 定时 间 , 这 是 因为 在 第 一 次 访问 时 连接 池 中 没有 可 用 
连接 ,但 是 在 第 二 次 访问 时 连接 池 中 就 有 了 一 些 可 用 的 连接 ,可 以 直接 从 连接 池 中 获得 连接 
来 访问 数据 库 。 

4 代码 模板 的 参考 答案 


【代码 1]: con = conpool. getOneCon( ) ; 
【代码 2]: conpool. releaseCon(con) ; 





E 
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664 实践 环节 


编写 一 个 JSP 页 面 pratice6_6. jsp, 在 该 页 面 中 使 用 和 任务 中 同样 的 bean 获得 一 个 数 
据 库 连接 对 象 ,然后 使 用 该 连接 对 象 查询 goodsInfo 表 中 的 全 部 记录 。 


6.7 其 他 典型 数据 库 的 连接 














6.7.1 核心 知识 


使 用 JDBC-ODBC 桥接 器 连接 不 同类 型 数据 库 的 程序 流程 是 类 似 的 ,只 是 在 为 ODBC 
数据 源 选择 驱动 程序 时 ,选择 对 应 的 驱动 程序 即 可 ,但 有 的 数据 库 不 被 ODBC 支持 ,如 
MySQL 数据 库 。 

使 用 纯 Java 数据 库 驱 动 程序 连接 不 同类 型 数据 库 的 程序 流程 和 框架 是 基本 相同 的 , 需 
要 重点 关注 的 是 ,在 连接 各 数据 库 时 驱动 程序 加 载 部 分 的 代码 和 连接 部 分 的 代码 。 下 面 分 
别 介绍 加 载 纯 Java 数据 库 驱 动 程序 连接 SQL Server 2005 和 MySQL 5. 5。 这 里 假定 要 访 
问 的 数据 库 名 为 mydatabase。 


1. 连接 SQL Sener 2005 

1) 获取 纯 Java 数据 库 驱 动 程序 

可 以 登录 微软 的 官方 网 站 http://www. microsoft. com 下 载 Microsoft SQL Server 
2005 JDBC Driver 1. 2 ,解压 Microsoft SQL Server 2005 jdbc driverl. 2. exe 后 得 到 sqljdbc. 
jar 文 件 。 然 后 ,把 sqljdbe. jar 文件 复制 到 Web 应 用 程序 的 /WEB-INF/lib 文件 夹 中 。 

2) 加 载 驱动 程序 








Class. forName( "com. microsoft. sqlserver. jdbc. SQLServerDriver" ); 
3) 建立 连接 


Connection con = 
DriverManager. getConnection ( " jdbc: sqlserver://localhost: 1433; DatabaseName = 
nydatabase ", "JH 4", "E 3"); 


2 连接 MSQ 55 

1) 获取 纯 Java 数据 库 驱动 程序 

可 以 登录 MySQL 的 官方 网 站 http://www. mysql. com 下 载 驱 动 程序 。 这 里 下 载 的 
是 mysql-connector-java-5. 0. 6-bin. jar。 然 后 ,把 mysql-connector-java-5. 0. 6-bin. jar 文件 
复制 到 Web 应 用 程序 的 /WEB-INF/lib 文件 夹 中 。 

2) 加 载 驱动 程序 


Class. forName( "com. mysql. jdbc. Driver"); 
3) 建立 连接 


Connection con = 
DriverManager. getConnection("jdbc:mysql://localhost:3306/mydatabase"，" 用 户 名 "， 
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"密码 "); 





6.7.2 能 力 目 标 
理解 使 用 纯 Java 数据 库 驱 动 程序 连接 不 同类 型 数据 库 的 原理 。 
673 任务 驱动 


任务 的 主要 内 容 如 下 。 

(1) 安装 MySQL 5.5, 

(2) 创建 数据 库 和 数据 表 。 

(3) 连接 数据 库 并 操作 数据 表 。 

1 安装 MEQ 55 

登录 官方 网 站 下 载 MySQL 5. 5 安装 程序 mysql-5. 5. 19-win32. msi, 按 照 默认 安装 即 
可 。 用 户 名 和 密码 都 设置 为 root。 

2 创建 数据 库 和 数据 表 

MySQL 5. 5 安装 后 ,选择 “开始 ”/* 程 序 ”/MySQL/MySQL Server 5. 5/MySQL 5. 5 
Command Line Client 命令 。 输 入 默认 密码 : root, 成 功 启动 MySQL 监视 器 后 ,在 MS-DOS 
窗口 中 出 现 mysql ^E FÉ. inl] 6. 20 所 示 。 

















NySQL 5.5 Command Line Client 


lVelcone to the MySQL monitor. Commands end with ; 
Zour MySQL ion id is 4 
19 MySQL Community Server (GPL) 





s. R11 rights reserved. 
mark of Oracle Corporation and/or its 
y be trademarks of their respective 
[Type 'help;' or ’\h’ for help. Type "sc' to clear the current input statement 


CM 





图 6.20 启动 MySQL 监视 器 
成 功 启动 MySQL 监视 器 后 ,就 可 以 使 用 如 下 命令 : 
create database mydatabase; 


创建 数据 库 mydatabase, 为 了 在 mydatabase 数据 库 中 创建 表 , 必 须 先 进入 该 数据 库 , 命令 
如 下 : 


use nydatabase 


进入 数据 库 mydatabase 的 操作 如 图 6. 21 所 示 。 
进入 数据 库 后 ,就 可 以 创建 表 employee。 创 建 表 的 命令 如 下 : 


mysql> use nydatabase 
[Database changed 
create table employee ( nysa m 


empNo varchar(10) not null, 
name varchar(30) not null, 
salary float not null, 











FR 





6.21 进入 数据 库 
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primary key (empNo) 
) 
insert into employee values( '001', 'zhou', 1200); 
insert into employee values('002', 'wu',2500); 
insert into employee values('003', 'zheng', 2800 ) ; 
insert into employee values( '004', 'wang', 4800) ; 
insert into employee values('005', 'zhao', 1800) ; 
insert into employee values( '006', 'qian', 7800); 
commit; 


3 连接 数据 库 并 操作 数据 表 

编写 一 个 JSP 页 面 useMySQL. jsp, 在 该 页 面 的 Java 程序 片 中 连接 MySQL 数据 库 ,并 
从 employee 表 中 查询 出 工资 大 于 2000 的 雇员 。 

1) 任务 的 代码 模板 

useMySQL. jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK"pageEncoding = "GBK" % > 
<% @ page import = "java. sql. * " %> 
<html> 
X head» 
«title» useMySQL. jsp </title> 
</head> 
< body bgcolor = "lightblue"> 
<% 
Connection con = null; 
Statement st = null; 
ResultSet rs = null; 
try ( 
【代码 1]// 加 载 MySQL 的 Java 驱动 
) catch (ClassNotFoundException e) { 
e. printStackTrace(); 
) 
try ( 
【代码 2]// 与 MySQL 建立 连接 ,数据 库 名 为 mydatabase, 用 户 名 和 密码 都 为 root 
st = con. createStatement( ) ; 
rs = st. executeQuery("select * from employee where salary > 2000"); 
out. print("« table border = 1>"); 
out. print("« tr>"); 
out. print("« th> 雇 员 编 号 </th>") 7 
out. print("« th> 雇 员 姓 名 </th>"); 
out. print("« th> 工 资 </th>"); 
out. print("«/tr»"); 
while(rs.next())( 
out. print("« tr»"); 
out. print("« td>" + rs. getString(1) + "«/td»"); 
out. print("« td>" + rs. getString(2) + "«/td»"); 
out. print("« td>" + rs. getString(3) + "«/td»"); 
out. print("«/tr»"); 
) 
out. print("«/table»"); 
) catch (SQLException e) ( 
e. printStackTrace() ; 


</html> 


}finally{ 
try{ 
if(rs!= null){ 
rs.close(); 
} 
if(st!= null){ 
st.close(); 
) 
if(con!- null)( 
con. close() ; 
} 
}catch (SQLException e) { 
e. printStackTrace(); 
} 
) 


2) 代码 模板 的 参考 答案 


【代码 1]: Class. forNane( "com. mysql. jdbc. Driver"); 
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【代码 2]: con = DriverManager. getConnection(" jdbc : nysq1 : //localhost:3306/mydatabase" , 


root", 


", "root"); 








674 实践 环节 








参考 本 节 任 务 中 的 主要 内 容 , 使 用 MySQL 创建 一 个 数据 库 yourdatabase, 并 在 该 数据 


库 中 创建 一 张 表 student, 并 编写 程序 操作 该 表 。 


6.8 PreparedStatement 的 使 用 


与 Statement 语句 一 样 ,PreparedStatement 语句 同样 可 以 完成 向 数据 库 发 送 SQL 语 
句 ,获取 数据 库 操作 结果 的 功能 。PreparedStatement 语句 习惯 地 称 为 预 处 理 语句 。 

Statement 对 象 在 每 次 执行 SQL 语句 时 都 将 该 语句 传送 给 数据 库 ,然后 数据 库 解 释 器 
负责 将 SQL 语句 转换 成 内 部 命令 ,并 执行 该 命令 ,完成 相应 的 数据 库 操作 。 使 用 这 种 机 制 ， 
每 次 向 数据 库 发 送 一 条 SQL 语句 时 ,都 要 先 转化 成 内 部 命令 ,如 果 不 断 地 执行 程序 ,就 会 加 
重 解 释 器 的 负担 ,影响 执行 的 速度 。 而 使 用 PreparedStatement 对 象 ,将 SQL 语句 传送 给 数 
据 库 进 行 预 编译 ,以 后 需要 执行 同一 条 语句 时 就 不 再 需要 重新 编译 ,直接 执行 就 可 以 了 ,这 
样 就 大 大 提高 了 数据 库 的 执行 速度 。 





6.8.1 





核心 知识 








可 以 使 用 Connection 的 对 象 con 调用 prepareStatement(String sql) 方 法 对 参数 sql 指 
定 的 SQL 语句 进行 预先 编译 , 生成 数据 库 的 底层 命令 , 并 将 该 命令 封装 在 
PreparedStatement 对 象 中 。 对 于 SQL 语句 中 变动 的 部 分 ,可 以 使 用 通配符 “?” 代 替 。 


例如 : 


m Y 








PreparedStatement ps = con. prepareStatement("insert into goodsInfo values(?,?,?,?)"; 


2,2, 


然后 使 用 对 应 的 setXxx(int parameterIndex. xxx value) 方 法 设置 “?” 代 表 的 值 ,其 中 参数 
parameterIndex 用 来 表示 SQL 语句 中 从 左 到 右 的 第 parameterIndex 个 通配符 号 ,value 代 
表 该 通配符 所 代表 的 具体 值 。 例 如 : 

ps. setInt(1,9); 

ps.setString(2, "手机 "); 

ps. setDouble(3, 1900.8); 

ps. setString(4, "通信 "); 


若 让 SQL 语句 执行 生效 , 需 使 用 PreparedStatement 的 对 象 ps 调用 executeUpdate() 
方法 。 如 果 是 查询 ,ps 就 调用 executeQuery() 方 法 ,并 返回 ResultSet 对 象 。 


682 能 力 目标 
能 够 灵活 使 用 预 处 理 语句 对 象 操作 数据 库 。 


683 任务 驱动 


1. 任务 的 主要 内 容 

编写 两 个 JSP 页 面 : inputPrepareGoods. jsp 和 showPrepareGoods. jsp。 用 户 可 以 在 
inputPrepareGoods. jsp 页 面 中 输入 信息 后 , 单 击 “添加 ”按钮 把 信息 添加 到 goodsInfo 表 中 。 
然后 ,在 showPrepareGoods. jsp 页 面 中 显示 所 有 商品 信息 。 在 该 任务 中 需要 编写 一 个 
bean(UsePrepare. java) ,bean 中 使 用 预 处 理 语句 向 goodsInfo 表 中 添加 记录 。 页 面 运行 效 
果 如 图 6. 22 所 示 。 























国 P [httpy/localhost8080/ch6/inputPrepareGoodsjsp 
商品 编号 是 主键 ， 不 能 重复 ， 每 个 信息 都 必须 输入 ! 
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(b) 使 用 预 处 理 查询 商品 
图 6.22 页 面 运行 效果 





2 任务 的 代码 模板 
inputPrepareGoods. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head> 
<title> 使 用 预 处 理 语句 </title> 
</head> 
< body bgcolor = "LightYellow"> 
< h4 > 商品 编号 是 主键 ,不 能 重复 ,每 个 信息 都 必须 输入 !</h4 > 
< form action = "showPrepareGoods. jsp" method = "post"> 
< table border = "1"> 
<tr> 
<td> 商 品 编号 :</td> 
<td>< input type = "text" name = "goodsId"/></td> 
</tr> 


<tr> 


<td> 商 品名 称 :</td> 
<td>< input type = "text" name = "goodsName"/></td> 
</tr> 


<tr> 
<td> 商 品 价格 :</td> 
<td>< input type = "text" name = "goodsPrice"/></td> 











</tr> 
<tr> 
<td> 商 品类 型 :</td> 
<td> 
< select name = "goodsType"> 
<option value = "日 用 品 "> 日 用 品 
<option value = "电器 "> 电器 
<option value = "食品 "> 食品 
<option value = "水 果 "> 水 果 
<option value = "服装 "> 服装 
<option value = "文具 "> 文具 
<option value = "水 果 "> 水 果 
<option value = "电器 "> 电器 
« option value = "其 他 "> 其 他 
</select> 
</td> 
</tr> 
<tr> 


«td»« input type = "submit" value = "添加 "></td> 
<td>< input type = "reset" value = " 重 置 "></td> 
</tr> 
</table> 
</form> 





</body> 
</html > 


showPrepareGoods. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK"pageEncoding = "GBK" % > 
<% @ page import = "bean. UsePrepare" %> 


<html> 
< head» 
<title > 使 用 预 处 理 语句 </title> 
</head> 
<body> 
<% 
request. setCharacterEncoding( "GBK" ) ; 
5» 
< jsp:useBean id = "prepareGoods" class = "bean. UsePrepare" scope = "page"> «/ jsp:useBean > 
< jsp:setProperty property =" * " nane = "prepareGoods" /> 
<% 
prepareGoods. addGoods( ) ; // 添 加 商品 
5» 
< jsp:getProperty property  "queryResult" name = "prepareGoods"/»«! — 获得 查询 结果 --> 
</body> 
</html> 
UsePrepare. java 的 代码 模板 如 下 : 
package bean; 


import java. sql. * ; 
public class UsePrepare ( 
int goodsId; 
String goodsName; 
double goodsPrice; 
String goodsType; 
StringBuffer queryResult; // 查 询 所 有 商品 结果 
public UsePrepare(){ 
} 
public int getGoodsId() { 
return goodsId; 
} 
public void setGoodsId( int goodsId) { 
this. goodsId = goodsId; 
] 
public String getGoodsName() { 
return goodsName; 
} 
public void setGoodsName( String goodsName) { 
this. goodsName = goodsName; 
] 
public double getGoodsPrice() ( 
return goodsPrice; 
} 
public void setGoodsPrice(double goodsPrice) { 
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this.goodsPrice 7 goodsPrice; 
$ 
public String getGoodsType() { 
return goodsType; 
} 
public void setGoodsType(String goodsType) { 
this. goodsType = goodsType; 
} 
// 添 加 商品 
public void addGoods()( 
Connection con = null; 
PreparedStatement ps 7 null; 
try ( 
Class. forNane( "oracle. jdbc. driver. OracleDriver"); 
) catch (ClassNotFoundException e) { 
e. printStackTrace(); 
} 
try ( 
con = DriverManager. getConnection("jdbc:oracle:thin:(9 localhost:1521:0rcl", 
"system", "systen");; 
ps = con. prepareStatement("insert into goodsInfo values(?,?,?,?)"); 
【代码 1]//ps 调用 set 方法 指定 第 1 个 通配符 的 值 
【代码 2]//ps 调用 set 方法 指定 第 2 个 通配符 的 值 
【代码 3]//ps 调用 set 方法 指定 第 3 个 通配符 的 值 
【代码 4]//ps 调用 set 方法 指定 第 4 个 通配符 的 值 
ps. executeUpdate() ; 
catch (SQLException e) ( 
e. printStackTrace(); 
)finally 
try{ 
if(ps!= null)( 
ps.close(); 
) 
if(con!- null)( 
con. close(); 
} 
}catch (SQLException e) { 
e. printStackTrace(); 
) 
i 
} 
// 获 得 所 有 商品 信息 
public StringBuffer getQueryResult()( 
queryResult - new StringBuffer(); 
Connection con = null; 
PreparedStatement ps = null; 
ResultSet rs - null; 
try { 
Class. forName( "oracle. jdbc. driver. OracleDriver"); 
) catch (ClassNotFoundException e) ( 
e. printStackTrace(); 


try{ 
con = DriverManager. getConnection("jdbc:oracle:thin:@]localhost:1521:orcl"， 
"systen" , "system" ) ; 
ps = con.prepareStatement("select * from goodsInfo"); 
rs = ps. executeQuery() ; 
queryResult. append("« table border = 1>"); 
queryResult.append("« tr »"); 
queryResult. append("« th» goodsId «/th»") ; 
queryResult. append("« th » goodsName «/th »") ; 
queryResult. append("« th» goodsPrice «/th»") ; 
queryResult. append("« th> goodsType «/th»") ; 
queryResult. append("«/tr >"); 
while(rs.next())( 
queryResult. append("« tr »") ; 
queryResult. append("« td>" + rs. getString(1) + "«/td»"); 
queryResult. append("« td>" + rs. getString(2) + "«/td»"); 
queryResult. append("« td>" + rs. getString(3) + "«/td»"); 
queryResult. append("« td>" + rs. getString(4) + "</td>"); 
queryResult. append("«/tr >"); 
} 
queryResult. append( "</table >"); 
}catch (SQLException e) { 
e. printStackTrace( ); 
)finally( 
try{ 
if(rs!= null)( 
rs.close(); 
) 
if(ps!- null)( 
ps.close(); 
) 
if(con!- null)( 
con. close(); 
) 
}catch (SQLException e) { 
e. printStackTrace(); 
) 
} 
return queryResult; 


) 


3. 任务 小 结 或 知识 扩展 

Statement 对 象 在 执行 executeQuery (String sql), executeUpdate (String sql) 等 方法 
时 ,如 果 SQL 语句 有 些 部 分 是 动态 的 数据 .必须 使 用 “十 ” 连 字符 组 成 完整 的 SQL 语句 ,十 
分 不 便 。 例 如 ,6. 3. 3 节 任 务 中 在 添加 商品 时 ,必须 按照 如 下 方式 组 成 SQL 语句 。 


String addSql = "insert into goodsInfo values(" + goodsId + ",'" + goodsName + "'," + 
goodsPrice + ",'" + goodsType + "')"; 
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st. executeUpdate(addSql ) ; idi 
使 用 预 处 理 语句 不 仅 提高 了 数据 库 的 访问 效率 ,而 且 方便 了 程序 的 编写 。 预 处 理 语句 
对 象 调用 executeUpdate() 和 executeQuery() 方 法 时 不 需要 传递 参数 。 例 如 : 
int i = ps. executeUpdate( ) ; 
或 


ResultSet rs = ps.executeQuery(); 


4 代码 模板 的 参考 答案 


【代码 1]: ps. setInt(1, goodsId); 

【代码 2]: ps. setString(2, goodsName) ; 
【代码 3]: ps. setDouble(3, goodsPrice); 
【代码 4】: ps. setString(4, goodsType) ; 





684 实践 环节 


编写 两 个 JSP 页 面 : inputPrepareQuery. jsp 和 showPrepareBy. jsp。 用 户 可 以 在 页 面 
inputPrepareQuery. jsp 中 输入 查询 条 件 后 , 单 击 "查询 ”按钮 。 然 后 ,在 showPrepareBy. jsp 
页 面 中 显示 符合 查询 条 件 的 商品 信息 。 在 本 节 任 务 的 bean(UsePrepare. java) 中 添加 一 个 
方法 getQueryPrepareResultBy() 实 现 该 题 的 条 件 查 询 功 能 (使 用 预 处 理 语句 实现 查询 )。 
页 面 运行 效果 如 图 6. 23 所 示 。 


Bi Ê |httpV/localhost8080/chiyinputprepareQueryjsp 























(a) 使 用 预 处 理 条 件 查询 


o oc NI P |httpy/localhost8080/ch6/showprepareByjsp 


goodsId|goodsName goodsPri ce|goodsType| 
B LE 2500 电器 


(b) 符合 查询 条 件 的 记录 
图 6.23 页 面 运行 效果 



























































6.9 小 结 


本 章 重 点 介绍 了 JDBC 连接 数据 库 的 两 种 常用 方式 : 建立 JDBC-ODBC 桥接 器 和 加 载 
纯 Java 驱动 程序 。 使 用 加 载 纯 Java 驱动 程序 的 方式 连接 MySQL, SQL. Server 以 及 Oracle 
等 主流 关系 数据 库 的 步骤 基本 一 样 ,这 些 主 流 关 系数 据 库 的 新 增 、 更 新 ,删除 与 查询 等 操作 
也 基本 一 样 。 


. HRE JSP 文件 中 编写 代码 连接 数据 库 时 ,应 在 JSP 文件 中 加 入 以 下 ( 


习 题 6 


A. 所 jsp:include file— "java. util. * "/> 

B. <%@ page import — "java. sql. * " 967 
C. —jsp:include page— "java. lang. * "/> 
D. <%@ page import — "java. util. * "947 


) 语 句 。 


. Java 程序 连接 数据 库 常 用 的 两 种 方式 : 建立 JDBC-ODBC 和 加 载 纯 ( ) 驱动 
A. Oracle B. Java C. Java 数据 库 D. 以 上 都 不 对 
. 从 “员工 ? 表 的 “姓名 ”字段 找 出 名 字 包 含 “ 玛 丽 ? 的 人 ,下 面 select 语句 正确 的 
bs 
A. select * from 员工 where 姓名 like '% 玛 丽 %' 
B. select * from 员工 where lE — '% 玛 丽 _' 
C. select * from RT. where 姓名 1like ' 玛丽 %' 
D. select * from 员工 where E — ' 玛丽 _' 
. 下 述 选项 中 不 属于 JDBC 基本 功能 的 是 ( Jj. 
A. 与 数据 库 建立 连接 B. 提交 SQL 语句 
C. 处 理 查询 结果 D. 数据 库 维 护 管理 
. 请 选 出 微软 公司 提供 的 连接 SQL Server 2005 的 JDBC 驱动 程序 ( — D. 
A. com. mysql. jdbc. Driver 
B. sun. jdbc. odbc. JdbeOdbcDriver 
C. oracle. jdbc. driver. OracleDriver 
D. com. microsoft. sqlserver. jdbc. SQLServerDriver 
. 下 面 ( ) 不 是 ResultSet 接口 的 方法 。 
A. next() B. getStringO C. backO D. getInt() 
. JDBC 能 完成 哪些 工作 ? 


. 使 用 纯 Java 数据 库 驱 动 程序 访问 数据 库 时 ,都 有 哪些 步骤 ? 
. JDBC 连接 数据 库 常用 的 方式 有 哪些 ? 











Java Servlet 的 核心 思想 就 是 在 Web 服务 器 端 创建 用 来 响应 用 户 请 求 的 对 象 ,该 对 象 
被 称 为 一 个 servlet 对 象 。JSP 技术 以 Java Servlet 为 基础 , 当 客 户 请 求 一 个 JSP 页 面 时 ， 
Web 服务 器 (如 Tomcat 服务 器 ) 会 自动 生成 一 个 对 应 的 Java 文件 ,编译 该 Java 文件 ,并 用 
编译 得 到 的 字 节 码 文件 在 服务 器 端 创建 一 个 servlet 对 象 。 但 实际 的 Web 应 用 需要 servlet 
对 象 具有 特定 的 功能 ,这 时 就 需要 Web 开发 人 员 编 写 创建 servlet 对 象 的 类 。 应 如 何 编写 
Servlet 类 ,又 应 如 何 使 用 Servlet 类 ,将 在 本 章 中 重点 介绍 。 

本 章 涉及 的 Java 源 文件 保存 在 工程 ch7 的 sec 目录 中 ,涉及 的 JSP 页 面 保存 在 工程 
ch7 的 WebContent 目录 中 。 


7.1 Servlet 2$ 5 servlet 对 象 








11i BAR 
编写 一 个 Servlet 类 很 简单 ,只 要 继承 javax. servlet. http 包 中 的 HttpServlet 类 ,并 重 

写 响 应 HTTP 请 求 的 方法 即 可 。HttpServlet 类 实现 了 Servlet 接口 ,实现 了 响应 用 户 请 求 

的 接口 方法 。 对 于 HttpServlet 类 的 一 个 子 类 习惯 上 称 为 一 个 Servlet 类 ,使 用 这 样 的 子 类 

创建 的 对 象 又 习惯 上 称 为 servlet 对 象 。 

112 能 力 目标 
理解 Servlet 类 与 servlet 对 象 的 概念 。 




















TER 








7113 任务 驱动 


1 任务 的 主要 内 容 
编写 一 个 简单 的 Servlet 类 FirstServlet, 用 户 请 求 这 个 servlet 对 象 时 ,就 会 在 浏览 器 
中 看 到 “第 一 个 Servlet 类 ”这 样 的 响应 信息 。 


2 任务 的 代码 模板 


FirstServlet. java 








package servlet; 
import java. io. * ; 
import javax. servlet. * ; 
import javax. servlet. http. * ; 
public class FirstServlet extends 【代码 1] ( 
private static final long serialVersionUID - 1L; 
public void init(ServletConfig config) throws ServletException( 
super. init(config); 
} 
public void service(HttpServletRequest request, HttpServletResponse response) 
throws IOException{ 
// 设 置 响应 的 内 容 类 型 
response. setContentType( "text/html;charset = utf - 8"); 
// 取 得 输出 对 象 
PrintWriter out = response. getWriter(); 
out. println("« html >< body>"); 
// 在 浏览 器 中 显示 : 第 一 个 Servlet 类 
out,println(" 第 一 个 Servlet 类 "); 
out. println("«/body » «/htnl >"); 


) 


3. 任务 小 结 或 知识 扩展 

编写 Servlet 类 时 ,必须 有 包 名 。 也 就 是 说 ,必须 在 包 中 编写 Servlet 类 。 在 本 章 新 建 一 
个 Web 工程 ch7, 所 有 的 Servlet 类 放 在 src 目录 下 servlet 包 中 。 

本 任务 的 Servlet 类 的 源 文件 : FirstServlet. java 保存 在 Eclipse 的 Web 工程 ch7 的 src 
目录 下 的 servlet 包 中 。FirstServlet. java 源 文件 由 Eclipse 自动 编译 生成 字 节 码 文 件 
FirstServlet. class, 保 存在 build\classes\servlet 里 面 。Servlet 类 的 源 文件 与 字 节 码 文件 保 
存 目 录 如 图 7.1 所 示 。 

编写 完 Servlet 类 的 源 文件 ,并 编译 了 源 文 件 , 是 否 就 可 以 运行 servlet 对 象 呢 ? 还 不 可 
以 ,需要 部 署 Servlet 后 , 才 可 以 运行 servlet 对 象 。 


4 代码 模板 的 参考 答案 
【代码 1]: HttpServlet 





114 实践 环节 
编写 一 个 简单 的 Servlet 类 YourFirstServlet。 用 户 请 求 这 个 servlet 对 象 时 ,就 会 在 浏 














4 中 ch7 

v £ settings 
4 © build 

4 © dasses 

4 (E servlet 
di FirstServlet.class. 

4 (5 src 

4 © serviet 

国 FirstServletjava 

» BS WebContent 

国 .dasspath 

R) project 


图 7.1 Servlet 类 的 源 文 件 与 字 节 码 文件 保存 目录 


览 器 中 看 到 “您 人 生 中 第 一 个 Servlet 类 ”这 样 的 响应 信息 ,并 在 Web 工程 中 找到 该 Servlet 
类 对 应 的 字 节 码 文 件 。 


7.2 servlet 对 象 的 创建 与 运行 





1234 核心 知识 


要 想 让 Web 服务 器 使 用 Servlet 类 编译 后 的 字 节 码 文件 创建 servlet 对 象 处 理 用 户 请 
求 , 必 须 先 为 Web 服务 器 部 署 Servlet。 部 署 Servlet, 目 前 有 两 种 方式 : 一 是 在 web. xml 中 
部 署 Servlet; 二 是 基于 注解 的 方式 部 署 Servlet。 


1. Æ webxml 中 部 署 Senet 

web. xml 文件 由 Web 服务 器 负责 管理 ,该 文件 是 Web 应 用 的 部 署 描 述 文件 ,包含 如 何 
将 用 户 请 求 URL 映射 到 Servlet。 在 Web 工程 的 WebContentN WEB-INF 目录 下 找到 
web. xml 文件 ,并 部 署 自己 的 Servlet; 

1) 部 署 Servlet 

为 了 在 web. xml 文件 里 部 署 7. 1 节 中 的 FirstServlet, 需 要 在 web. xml 文件 里 找到 
所 web-app 二 忆 /web-app 二 标记 ,然后 在 性 web-app 二 一 /web-app 二 标记 中 添加 如 下 内 容 ， 











< servlet > 
< servlet - name > firstServlet </servlet - name > 
< servlet - class» servlet.FirstServlet </servlet - class > 
</servlet > 
< servlet - mapping > 
< servlet - name > firstServlet </servlet - name > 
<url - pattern >/firstServlet </url - pattern > 
</servlet - mapping > 


2) 运行 Servlet 

Servlet 第 一 次 被 访问 时 ,需要 把 它 发 布 到 Web 服务 器 (选中 Servlet 类 的 源 文件 , 右 
击 , 在 弹出 的 快捷 菜单 中 ,选择 Run As/Run on Server 命令 ) 。 这 时 ,在 Eclipse 内 嵌 的 浏览 
器 中 可 看 到 如 图 7. 2 所 示 的 运行 效果 。 

把 Servlet 发 布 到 Web 服务 器 后 ,也 可 以 在 浏览 器 的 地 址 栏 中 输入 : 





一 >。 B 3 httpy//localhost8080/ch7/firstSservlet 
第 一 个 Servle 类 
图 7.2 第 一 个 Servlet 的 运行 效果 
http://localhost:8080/ch7/firstServlet 


来 运行 Servlet。 

3) web. xml 文件 中 与 Servlet 部 署 有 关 的 标记 及 其 说 明 

(D 根 标记 web-app. XML 文件 中 必须 有 一 个 根 标记 ,web. xml 的 根 标记 是 web-app。 

© servlet 标记 及 其 子 标记 。web. xml 文件 中 可 以 有 若干 个 servlet 标记 ,该 标记 的 内 
容 由 Web 服务 器 负责 处 理 。servlet 标记 中 有 两 个 子 标记 : servlet-name 和 servlet-class, 其 
中 servlet-name 子 标记 的 内 容 是 Web 服务 器 创建 的 servlet 对 象 的 名 字 。web. xml 文件 中 
可 以 有 若干 个 servlet 标记 ,但 要 求 它们 的 servlet-name 子 标记 的 内 容 互 不 相同 。servlet- 
class 子 标记 的 内 容 指定 Web 服务 器 用 哪个 类 来 创建 servlet 对 象 ,如 果 servlet 对 象 已 经 创 
建 ,那么 Web 服务 器 就 不 再 使 用 指定 的 类 创建 。 

@ servlet-mapping 标记 及 其 子 标记 。web. xml 文件 中 出 现 一 个 servlet 标记 就 会 对 应 
地 出 现 一 个 servlet-mapping 标记 。servlet-mapping 标记 中 也 有 两 个 子 标记 : servlet-name 
和 url-pattern。 其 中 servlet-name 子 标记 的 内 容 是 Web 服务 器 创建 的 servlet 对 象 的 名 字 
(该 名 字 必 须 和 servlet 标记 的 子 标记 servlet-name 的 内 容 相同 ); url-pattern 子 标记 用 来 指 
定 用 户 用 怎样 的 模式 请 求 servlet 对 象 ,比如 ,url-pattern 子 标记 的 内 容 是 /firstServlet, 用 
户 要 请 求 服务 器 运行 servlet 对 象 firstServlet 为 其 服务 ,那么 可 在 浏览 器 的 地 址 栏 中 
输入 : 


http://localhost:8080/ch7/firstServlet 


一 个 Web 工程 的 web. xml 文件 负责 管理 该 Web 工程 的 所 有 servlet 对 象 , 当 Web T. 
程 需要 提供 更 多 servlet 对 象 时 ,只 要 在 web. xml 文件 中 添加 servlet 和 servlet-mapping 标 
记 即 可 。 


2 基于 注解 的 方式 部 署 Seet 

从 7.2.1 节 可 知 , 每 开发 一 个 Servlet ,需要 在 web. xml 中 部 署 Servlet 才能 够 使 用 。 这 
样 会 给 Web 工程 的 维护 带 来 非常 大 的 麻烦 。 在 Servlet 3. 0 中 提供 了 注解 @ WebServlet， 
不 再 需要 在 web. xml 文件 中 进行 Servlet 的 部 署 描述 ,简化 开发 流程 。 本 书后 续 Servlet 都 
是 基于 注解 的 方式 部 署 。 

注解 虽然 方便 了 开发 人 员 ,但 在 后 期 会 让 维护 和 调试 成 本 增加 。 为 了 方便 后 期 维护 , 建 
议 开发 人 员 部 署 Servlet 时 把 @ WebServlet 的 属性 urlPatterns 的 值 设置 为 Servlet 类 的 名 
字 。 例 如 : 

GiWebServlet(name = "secondServlet", urlPatterns = ( "/secondServlet" }) 


public class SecondServlet extends HttpServlet { 
) 


1) @WebServlet 注解 
(9 WebServlet 用 于 将 一 个 类 声明 为 Servlet ,该 注解 将 会 在 部 署 时 被 Web 容器 处 理 ， 
Web 容器 根据 具体 的 属性 将 相应 的 类 部 署 为 Servlet。 该 注解 具有 一 些 常 用 属性 ,如 表 7.1 


I samo | 























所 示 。 
表 7.1 @WebServlet 的 常用 属性 
属性 名 类 型 d R 
Em 指定 Servlet 的 name JA tE , 5$ (ft T < servlet-name> , WR Ud Sj 
di M 式 指定 , 则 该 Servlet 的 取 值 即 为 类 的 全 名 
value String[] 该 属性 等 价 于 urlPatterns 属性 ,两 个 属性 不 能 同时 使 用 
urlPatterns String[ ] 指定 一 组 Servlet 的 URL 匹配 模式 ,等 价 于 url-pattern 标记 
loadOnStartup | int 指定 Servlet 的 加 载 顺序 ,等 价 于 load-on-startup 标记 
initParams WeblnitParam[] | 指定 一 组 Servlet 初始 化 参数 ,等 价 于 init- param 标记 


以 上 所 有 属性 均 为 可 选 属性 ,但 是 value 或 者 urlPatterns 通常 是 必需 的 , 且 两 者 不 能 共 
存 , 如 果 同 时 指定 ,通常 是 忽略 value 的 取 值 。 

【 例 7.1】 基于 注解 的 Servlet 类 一 一 SecondServlet。 

SecondServlet. java 的 代码 如 下 : 


package servlet; 
import java. io. IOException; 
import java. io.PrintWriter; 
import javax. servlet. ServletConfig; 
import javax. servlet. ServletException; 
import javax. servlet. annotation. WebServlet; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
// 建 议 urlPatterns 的 值 和 类 名 一 样 ,方便 维护 
@WebServlet (name = "secondServlet", urlPatterns = ( "/secondServlet" }) 
public class SecondServlet extends HttpServlet { 
private static final long serialVersionUID = 1L; 
public void init(ServletConfig config) throws ServletException ( 


) 


protected void service(HttpServletRequest request, HttpServletResponse response) throws 
ServletException, IOException ( 
// 设 置 响应 的 内 容 类 型 
response. setContentType(" text/htnl;charset = utf - 8"); 
// 取 得 输出 对 象 
PrintWriter out = response. getWriter(); 
out. println("< html >< body>"); 
// 在 浏览 器 中 显示 : 第 二 个 Servlet 类 
out. println(" 第 二 个 Servlet 类 "); 
out. println("</body » «/htnl»"); 


) 


SecondServlet. java 代码 中 使 用 @ WebServlet (name =" secondServlet". urlPatterns— 


immu 


{ "/secondServlet" )) 如 此 部 署 之 后 ,就 不 必 在 web. xml 中 部 署 相应 的 servlet 和 
servlet-mapping 元 素 了 , Web 容器 会 在 部 署 时 根据 指定 的 属性 将 该 类 发 布 为 Servlet。@ 
WebServlet(name = "secondServlet", urlPatterns = | "/secondServlet" )) 等 价 的 web. 


xml 部 署 形式 如 下 : 


<servlet> 
< servlet - name > secondServlet </servlet - name> 
< servlet - class > servlet. SecondServlet «/servlet - class > 
</servlet > 
< servlet - mapping > 
< servlet - name > secondServlet </servlet - name > 
« url- pattern >/secondServlet </url - pattern» 
«/servlet - mapping» 


2) (0 WeblnitParam 注解 
(à WeblnitParam 注解 通常 不 单独 使 用 ,而 是 配合 @WebServlet 和 @WebFilter( 第 8 章 
讲解 ) 使 用 。 它 的 作用 是 为 Servlet zx Filter 指定 初始 化 参数 ,这 等 价 于 web. xml 中 
servlet 的 init-param 子 标记 。@ WebInitParam 具有 一 些 常 用 属性 ,如 表 7. 2 所 示 。 
表 7.2 GWeblnitParam 常用 属性 








属性 名 类 型 是 否 可 选 描 xk 
name String 否 指定 参数 的 名 字 , 等 价 于 param-name 
value String E 指定 参数 的 值 ,等 价 于 param-value 











@WebInitParam 注解 的 示例 代码 如 下 : 


@ WebServlet(name = "thirdServlet", urlPatterns = ( "/thirdServlet" }, initParams = {@ 
WebInitParam(name = "firstParam", value = "one"), @WebInitParam (name = "secondParan", 
value = "two")]) 





12? 能 力 目标 
掌握 部 署 Servlet 的 两 种 方法 。 
123 任务 驱动 


1 任务 的 主要 内 容 
首先 ,将 web. xml 文件 中 有 关 Servlet 的 部 署 代码 删除 ,然后 使 用 注解 的 方式 部 署 7. 1 节 
的 FirstServlet ,并 运行 部 署 后 的 Servlet, 


2 任务 的 代码 模板 
带 注解 的 FirstServlet. java 的 代码 模板 如 下 : 


package servlet; 
import java. io. * ; 

















import javax. servlet. * ; 
import javax. servlet. annotation. WebServlet; 


IE deseo ) 


import javax. servlet. http. * ; 
【代码 1] (name = "firstServlet",【 代 码 2] -. ( "/firstServlet" }) 
public class FirstServlet extends HttpServlet ( 
private static final long serialVersionUID = 1L; 
public void init(ServletConfig config) throws ServletException( 
super. init(config); 
} 
public void service(HttpServletRequest request, HttpServletResponse response) 
throws IOException( 
// 设 置 响应 的 内 容 类 型 
response. setContentType(" text/html;charset = utf 一 8"); 
// 取 得 输出 对 象 
PrintWriter out = response.getWriter(); 
out. println("« html >< body>"); 
// 在 浏览 器 中 显示 : 人 生 第 一 个 Servlet 类 
out.println(" 人 生 第 一 个 Servlet 25"); 
out. println("</body></html >"); 


) 


3. 任务 小 结 或 知识 扩展 

一 个 servlet 对 象 的 生命 周期 主要 由 下 列 3 个 过 程 组 成 。 

1) 初始 化 servlet 对 象 

当 servlet 对 象 第 一 次 被 请 求 加 载 时 ,服务 器 会 创建 一 个 servlet 对 象 ,该 servlet 对 象 调 
用 init() 方 法 完成 必要 的 初始 化 工作 。 

2) service() 方 法 响应 请 求 

创建 的 servlet 对 象 再 调用 service() 方 法 响应 客户 的 请 求 。 

3) servlet 对 象 死亡 

当 服务 器 关闭 时 ,servlet 对 象 调 用 destroy() 方 法 使 自己 消亡 。 

从 上 面 3 个 过 程 来 看 ,init() 方 法 只 能 被 调用 一 次 , 即 在 Servlet 第 一 次 被 请 求 加 载 时 调 
用 该 方法 。 当 客户 请 求 Servlet 服务 时 ,服务 器 将 启动 一 个 新 的 线程 ,在 该 线程 中 , servlet 
对 象 调 用 service() 方 法 响应 客户 的 请 求 。 那 么 多 个 客户 请 求 Servlet 服务 时 ,服务 器 会 怎么 
办 呢 ? 服务 器 会 为 每 个 客户 启动 一 个 新 的 线程 ,在 每 个 线程 中 ,servlet 对 象 调用 service() 方 法 
响应 客户 的 请 求 。 也 就 是 说 ,每 个 客户 请 求 都 会 导致 service( ) 方 法 被 调用 执行 ,分 别 运行 
在 不 同 的 线程 中 。 

【 例 7.2】 Servlet 接口 的 initO ,service() 和 destroy() 方 法 。 

ThirdServlet. java 的 代码 如 下 ; 


package servlet; 

import java. io. IOException; 

import javax. servlet. ServletConfig; 

import javax. servlet. ServletException; 

import javax. servlet. annotation. WebInitParam; 
import javax. servlet. annotation. WebServlet; 
import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 





import javax. servlet. http. HttpServletResponse; 
(WebServlet(name = "thirdServlet", urlPatterns = ( "/thirdServlet" ], 
initParams = ((ÜWebInitParam(name = "firstParam", value = "one"), 
(BWebInitParam(name = "secondParam", value = "two")]) 
public class ThirdServlet extends HttpServlet { 
private static final long serialVersionUID = 1L; 
private String first = null; 
private String second = null; 
private static int count = 0; 
public void init(ServletConfig config) throws ServletException { 
// 获 得 参数 firstParan 的 值 
first = config.getlInitParameter("firstParam"); 
second = config.getInitParameter("secondParam"); 
System. out. println(" 第 一 个 参数 值 : " + first); 
System. out. println(" 第 二 个 参数 值 : " + second); 
} 
protected void service(HttpServletRequest request, HttpServletResponse response) throws 
ServletException, IOException ( 
count **; 
System. out.println(" 您 是 第 " + count + "个 客户 请 求 该 Servlet!"); 
} 
public void destroy() { 
} 
} 


在 ThirdServlet 的 init() 方 法 中 ,通过 ServletConfig 的 对 象 config 调用 getInitParameter() 
方法 来 获取 参数 的 值 。 请 求 该 Servlet 3 次 后 ,在 Eclipse 控制 台中 打印 出 如 图 7. 3 所 示 
结果 。 


HE Servers | © Console 3 

第 一 个 参数 值 : one 

第 二 个 参数 值 : two 

您 是 第 1 个 客户 请 求 该 Servlet1! 
您 是 第 2 个 客户 请 求 该 Servlet1! 
您 是 第 3 个 客户 请 求 该 Servlet! 





7.3 请 求 3 次 thirdServlet 的 结果 


从 图 7.3 看 出 ,不 管 请 求 几 次 thirdServlet , 它 的 init() 方 法 只 执行 一 次 。 而 service() 方 
法 每 请 求 一 次 ,就 执行 一 次 。 
4 代码 模板 的 参考 答案 


【代码 1]: @WebServlet 
【代码 2]: urlPatterns 





124 实践 环节 


编写 一 个 简单 的 Servlet 类 Pratice2Servlet ,使 用 注解 的 方式 部 署 该 servlet 对 象 并 运行 
它 。 用 户 通过 在 IE 浏览 器 地 址 栏 中 输入 http://localhost: 8080/ch7/pratice2 请 求 这 个 
servlet 对 象 时 ,就 会 在 浏览 器 中 看 到 “部 署 与 运行 servlet” 的 响应 信息 。 
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7.3 通过 JSP 页 面 访问 Servlet 





131 核心 知识 
可 以 通过 JSP 页面 的 表单 或 超 链接 请 求 某 个 Servlet。 通 过 JSP 页 面 访问 Servlet 的 好 
处 是 ,JSP 页 面 负责 页 面 的 静态 信息 处 理 ,动态 信息 处 理由 Servlet 完成 。 


1. 通过 表单 访问 Senet 
假设 在 JSP 页 面 中 ,有 如 下 表单 : 











< form action = "isLogin" method = "post"> 


</form> 


那么 该 表单 的 处 理 程序 (action) 就 是 一 个 Servlet, 为 该 Servlet 部 署 时 , @ WebServlet 的 
urlPatterns 属性 值 为 { "/ isLogin" )。 


2 通过 超 链接 访问 Senet 

在 JSP 页 面 中 ,可 以 单 击 超 链 接 ,访问 servlet 对 象 ,同时 也 可 以 通过 超 链接 向 Servlet 
提交 信息 ,例如 ,过 a href— "loginServlet? user— taipingle&- &-pwd= zhenzuile" > $t f H P^ 
A HIRED — /a— ARAR AAR” A EEGE BE ECT user taipingle 和 pwd — zhenzuile 
两 个 信息 提交 给 Servlet 处 理 。 


132 ”能力 目 标 
能 够 灵活 使 用 JSP 页 面 访问 servlet 对 象 。 
7133 任务 驱动 


1. 任 务 的 主要 内 容 

编写 一 个 JSP 页 面 login. jsp, 在 该 页 面 中 通过 表单 向 urlPatterns 为 {"/ loginServlet" )ff 
Servlet( 由 LoginServlet 类 负责 创建 ) 提 交 用 户 名 和 密码 , Servlet 负责 判断 输入 的 用 户 名 
(zhangsan) 和 密码 (lisi) 是 否 正 确 , 并 将 判断 结果 返回 。 运 行 效果 如 图 7.4 所 示 。 


2 任务 的 代码 模板 
页 面 文件 login. jsp 的 代码 如 下 : 


<% (8 page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
< head> 
<title> login. jsp </title> 
</head> 
< body> 
< form action = "loginServlet" method = "post"> 
«table» 
<tr> 
<td> 用 户 名 : </td> 























o BI SP. http;//localhost8080/ch7/loginjsp 


用 户 名 : zhangsan 


EB 
(a) 信息 输入 页 面 

(DB hpy/ocalhosta080/ch7/loginSeriet 

信息 输入 下 








(b) 信息 正确 页 面 
(BN P httpV/localhost8080/ch7/loginSservlet 


信息 输入 错误 
(©) 信息 错误 页 面 


7.4 页面 运 行 效果 


<td>< input type = "text" name = "user"/></td> 

</tr> 

<tr> 
<td> 密 码 : </td> 
<td>< input type = "password" nane = "pwd"/></td> 

</tr> 

<tr> 
<td>< input type = "submit" value = "提交 "/></td> 
<td>< input type = "reset" value = " 重 置 "/></td> 

</tr> 

</table> 
</form> 
</body> 
</html > 


LoginServlet. java 的 代码 如 下 : 


package servlet; 
import java. io. IOException; 
import java. io.PrintWriter; 
import javax. servlet. ServletException; 
import javax. servlet. annotation. WebServlet; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
【代码 1]// 使 用 注解 的 方式 部 署 该 Servlet 
public class LoginServlet extends HttpServlet { 
private static final long serialVersionUID - 1L; 
protected void service(HttpServletRequest request, HttpServletResponse response) throws 
ServletException, IOException ( 
response. setContentType(" text/html;charset = GBK"); 
PrintWriter out = response.getWriter(); 
request. setCharacterEncoding("GBK" ) ; // 设 置 编码 ,防止 中 文 乱码 
String name = request.getParameter("user"); // 获 取 客 户 提交 的 信息 
String password = request. getParameter("pwd");  // 获 取 客 户 提 交 的 信息 
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out. println("« html >< body>") ; brad 
if(name == null || name.length() == 0){ 
out. printIn( iff f$ A JH P! &"); 
} 
else if (password == null || password. length() == 0){ 
out. println(" 请 输入 密码 "); 
} 
else if(name. length() > 0 && password. length() > 0){ 
if(name.equals("zhangsan") && password. equals("lisi")){ 
out. println(" 信 息 输 入 正确 "); 
}else{ 
out. println(" 信 息 输入 错误 "); 
) 


} 
out. println("«/body » «/htnl»"); 


) 


3 .任务 小 结 或 知识 扩展 

需要 特别 注意 的 是 ,如 果 Servlet 的 请 求 格 式 是 /X X X (请 求 格式 就 是 urlPatterns 的 
值 ) ,那么 JSP 页 面 请 求 Servlet 时 ,必须 写成 X X X ,不 可 以 写成 /X X X ,和 否则 将 变 成 请 求 
服务 器 (Tomcat)root 目录 下 的 某 个 Servlet。 


4 代码 模板 的 参考 答案 


【代码 1]: @WebServlet(name = "loginServlet", urlPatterns = ( "/loginServlet" }) 





134 ”实践 环节 
将 7.3.3 节 任务 中 通过 表单 访问 LoginServlet 改 成 通过 超 链接 方式 访问 。 











7.4 doGet 和 doPost 方法 





7141 核心 知识 


当 服 务 器 接收 到 一 个 Servlet 请 求 时 ,就 会 产生 一 个 新 线程 ,在 这 个 线程 中 让 servlet 对 
象 调用 service ) 方 法 为 请 求 做 出 响应 。service() 方 法 首先 检查 HTTP 请 求 类 型 (get 或 
post) ,并 在 service( ) 方 法 中 根据 用 户 的 请 求 方式 ,对 应 地 再 调用 doGet() 方 法 或 doPost() 
Hie 

HTTP 请 求 类 型 为 get 方式 时 ,service() 方 法 调用 doGet() 方 法 响应 用 户 请 求 ; HTTP 
请 求 类 型 为 post 方式 时 ,service() 方 法 调用 doPost() 方 法 响应 用 户 请 求 。 因 此 ,在 Servlet 
类 中 ,没有 必要 重 写 service() 方 法 ,直接 继承 即 可 。 

在 Servlet 类 中 重 写 doGet() 或 doPost() 方 法 来 响应 用 户 的 请 求 ,这 样 可 以 增加 响应 的 
灵活 性 ,同时 减轻 服务 器 的 负担 。 


142 能 力 目 标 
理解 doGet() 方 法 和 doPost() 方 法 的 调用 原理 。 
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143 任务 驱动 


1. 任 务 的 主要 内 容 

编写 一 个 JSP 页 面 inputLader. jsp, 在 该 页 面 中 使 用 表单 向 urlPatterns 为 { "/ getLength 
OrAreaServlet" } 的 Servlet 提交 矩形 的 长 与 宽 。Servlet( 由 GetLengthOrAreaServlet 负责 
创建 ) 处 理 手段 依赖 表单 提交 数据 的 方式 , 当 提 交 方 式 为 get BE Servlet 计算 矩形 的 周 长 ， 
当 提交 方式 为 post 时 ,Servlet 计算 矩形 的 面积 。 页 面 运行 效果 如 图 7.5 所 示 。 














Æ D htpy/localhost8080/ch7/inputLaderjsp 
输入 矩形 的 长 和 宽 ， 提 交 给 servlet (post 方 式 ) 求 面积 : 
长 B 
宽 ， 
[至 ] 





输入 和 矩形 的 长 和 宽 ， 提 交 给 servlet (get 方 式 ) 求 周 长 : 


(a) 信息 输入 页 面 
中 一 BI P. httpy/localhost8080/ch7/getLengthOrAreaSservlet 
矩形 的 面积 是 ，5000. 0 
(b) post 方 式 提交 获得 矩形 面积 








KD MI http://localhost8080/ch7/getLengthOrAreaServiet?length=1008width=50 
矩形 的 周 长 是 ， 300.0 
(c) get 方 式 提交 获得 矩形 周 长 


7.5 页面 运 行 效果 


2 任务 的 代码 模板 
页 面 文件 inputLader. jsp 的 代码 如 下 : 


<% (8 page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head > 
«title» inputLader. jsp </title> 
</head> 
< body> 
< h2 > 输入 矩形 的 长 和 宽 , 提 交 给 servlet(post 方 式 ) 求 面积 :</h2> 
【代码 1】 
长 : < input type = "text" name = "length"/»« br/> 
宽 : < input type = "text" name = "width"/>< br/> 
< input type = "submit" value = "提交 "/> 
</form> 
<br/> 
<h2 > 输入 矩形 的 长 和 宽 , 提 交 给 servlet(get 方式 ) 求 周 长 :</h2 > 
【代码 2] 


长 : < input type = "text" name = "length"/>< br/> 
Tí: < input type = "text" name = "width"/»« br/» 
< input type = "submit" value = "提交 "人 > 
</form> 
</body> 
</html> 





GetLengthOrAreaServlet. java 的 代码 如 下 : 


package servlet; 

import java. io. IOException; 

import java. io.PrintWriter; 

import javax. servlet. ServletException; 

import javax. servlet. annotation. WebServlet; 
import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 


(UWebServlet(name = "getLengthOrAreaServlet", urlPatterns = ( "/getLengthOrAreaServlet" ]) 


public class GetLengthOrAreaServlet extends HttpServlet ( 
private static final long serialVersionUID = 1L; 


protected void doGet(HttpServletRequest request, HttpServletResponse response) throws 


ServletException, IOException { 
response. setContentType("text/htnl;charset = utf - 8"); 
PrintWriter out = response.getWriter(); 
String 1 = request.getParameter("length"); 
String w = request. getParameter("width"); 
out. println("« html >< body>"); 
double m = 0,n = 0; 
try{ 
m= Double. parseDouble(1); 
n 7 Double. parseDouble(w); 
out.println(" 和 矩形 的 周 长 是 : "+ (m+n) * 2); 
}catch(NumberFormatException e)( 
out. println(" 请 输入 数字 字符 !"); 
} 
out. println("«/body ></html >"); 
} 


protected void doPost (HttpServletRequest request, HttpServletResponse response) throws 


ServletException, IOException { 

response. setContentType(" text/html;charset = GBK" ) ; 
PrintWriter out = response.getWriter(); 
Stringl - request.getParameter("length"); 
String w = request.getParameter("width"); 
out. println("« html >< body>"); 
double m = 0, n = 0; 
try{ 

m = Double. parseDouble(1); 

n = Double. parseDouble(w); 

out. println(" 和 矩形 的 面积 是 : " +m * n); 
}catch( NumberFormatException e){ 

out. println(" 请 输入 数字 字符 !1"); 





14 
^ - ef ) 
out. println("«/body » «/htnl >"); 


} 


3. 任 务 小 结 或 知识 扩展 
一 般 情况 下 ,如 果 不 论 用 户 请 求 类 型 是 get 还 是 post, 服 务 器 的 处 理 过 程 完全 相同 , 那 
么 可 以 只 在 doPost() 方 法 中 编写 处 理 过 程 , 而 在 doGet ) 方 法 中 再 调用 doPost ) 方 法 ; 或 


只 在 doGet() 方 法 中 编写 处 理 过 程 ,而 在 doPost( ) 方 法 中 再 调用 doGet Ori. 


4 代码 模板 的 参考 答案 
【代码 1]: < form action = "getLengthOrAreaServlet" method = "post"> 
【代码 2】: < form action = "getLengthOrAreaServlet" method = "get"» 








744 实践 环节 
编写 一 个 JSP 页 面 pratice7 _ 4. jsp, 在 该 页 面 中 使 用 表单 向 urlPatterns 为 


{ "/ praticeServlet" } 的 Servlet 提交 和 矩形 的 长 与 宽 。Servlet (由 PraticeServlet 类 负责 创 
建 ) 处 理 手段 不 依赖 于 表单 提交 方式 , 即 不 论 post 还 是 get, 处 理 数据 的 手段 相同 ,都 是 计算 








矩形 的 周 长 。 
7.5 重 定向 与 转发 


重 定向 是 将 用 户 从 当前 JSP 页 面 或 Servlet 定向 到 另 一 个 JSP 页 面 或 Servlet, 以 前 的 
request 中 存放 的 信息 全 部 失效 ,并 进入 一 个 新 的 request 作用 域 ; 转发 是 将 用 户 对 当前 JSP 
页 面 或 Servlet 的 请 求 转发 给 另 一 个 JSP 页 面 或 Servlet, 以 前 的 request 中 存放 的 信息 不 会 
失效 。 

7151 核心 知识 


1. 重 定向 
在 Servlet 中 通过 调用 HttpServletResponse 类 中 的 方法 sendRedirect(String location) 


来 实现 重 定向 , 重 定向 的 目标 页 面 或 Servlet( 由 参数 location 指定 ) ,无 法 从 以 前 的 request 
对 象 中 获取 用 户 提交 的 数据 。 














2 转发 
javax. servlet. RequestDispatcher 对 象 可 以 将 用 户 对 当前 JSP 页 面 或 Servlet 的 请 求 转 
发 给 另 一 个 JSP 页 面 或 Servlet。 实 现 转发 需要 以 下 两 个 步 又。 


1) 获得 RequestDispatcher 对 象 
在 当前 JSP 页 面 或 Servlet 中 ,使 用 request 对 象 调用 


public RequestDispatcher getRequestDispatcher(String url) 
方法 返回 一 个 RequestDispatcher 对 象 , 其 中 参数 url 就 是 要 转发 的 JSP 页 面 或 Servlet 的 
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地 址 ,例如 : 
RequestDispatcher dis = request. getRequestDispatcher("dologin"); 


2) RequestDispatcher 对 象 调用 forward ) 方 法 实现 转发 
获得 RequestDispatcher 对 象 之 后 ,就 可 以 使 用 该 对 象 调用 


public void forward(ServletRequest request, ServletResponse response) 


方法 将 用 户 对 当前 JSP 页 面 或 Servlet 的 请 求 转 发 给 RequestDispatcher 对 象 所 指定 的 JSP 
页 面 或 Servlet, fin: 


dis. forward(request, response) ; 





152 能 力 目标 
理解 重 定向 与 转发 的 区 别 ,掌握 重 定向 与 转发 的 实现 方法 。 


153 任务 驱动 


1. 任务 的 主要 内 容 

编写 JSP 页 面 redirectForward. jsp, 在 该 JSP 页 面 中 通过 表单 向 urlPatterns 为 
{ "/ redirectForwardServlet" } 的 Servlet( 由 RedirectForwardServlet 负责 创建 ) 提交 用 户 
名 和 密码 。 如 果 用 户 输入 的 数据 不 完整 , redirectForwardServlet 将 用 户 重 定向 到 
redirectForward.jsp 页 面 ; 如 果 用 户 输入 的 数据 完整 , redirectForwardServlet 将 用 户 对 
redirectForward. jsp 页 面 的 请 求 转发 给 urlPatterns 为 { "/ showServlet" } 的 Servlet (由 
ShowServlet 负责 创建 ) ,showServlet 显示 用 户 输 入 的 信息 。 


2 任务 的 代码 模板 
页 面 文件 redirectForward. jsp 的 代码 如 下 : 

















<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
X head» 
< title» redirectForward. jsp </title> 
</head> 
< body> 
< form action = "redirectForwardServlet" method = "post"> 
<table> 
<tr> 
<td> 用 户 名 : </td> 
<td>< input type = "text" name = "user" /»«/td» 
</tr> 
<tr> 
<td> 密 码 : </td> 
<td>< input type = "password" name = "pwd"/></td> 
</tr> 
<tr> 
<td>< input type = "submit" value = "提交 "人 ></td> 





<td>< input type = "reset" value = " 重 置 "人 /></td> 
</tr> 
</table> 
</form> 
</body> 
«/htnl» 


RedirectForwardServlet. java 的 代码 如 下 : 


package servlet; 
import java. io. IOException; 
import javax. servlet. RequestDispatcher; 
import javax. servlet. ServletException; 
import javax. servlet. annotation. WebServlet; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
(WebServlet(name = "redirectForwardServlet", urlPatterns = ( "/redirectForwardServlet" ]) 
public class RedirectForwardServlet extends HttpServlet { 
private static final long serialVersionUID = 1L; 
protected void doGet(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
doPost(request, response); 
} 
protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
request. setCharacterEncoding("GBK" ) ; 
String name = request.getParameter("user"); 
String password = request. getParameter("pwd") ; 
if (name == null || name.length() == 0) { 
// 使 用 response 调用 sendRedirect 方法 重 定向 到 redirectForward. jsp 
【代码 1 
} else if (password == null || password.length() == 0) { 
【代码 2 
} else if (name. length() > 0 && password. length() > 0) { 
// 转 发 
【代码 3] 
【代码 4] 


} 
ShowServlet. java 的 代码 如 下 : 


package servlet; 

import java. io. IOException; 

import java. io.PrintWriter; 

import javax. servlet. ServletException; 

import javax. servlet. annotation. WebServlet; 
import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
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(BWebServlet(name = "showServlet", urlPatterns = ( "/showServlet" ]) 
public class ShowServlet extends HttpServlet { 
private static final long serialVersionUID = 1L; 
protected void doGet(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException { 
doPost(request, response); 
} 
protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
response. setContentType("text/html;charset = GBK" ); 
PrintWriter out = response.getWriter(); 
request. setCharacterEncoding("GBK") ; 
String name = request.getParameter("user"); 
String password = request. getParameter("pwd"); 
out. println(" 您 的 用 户 名 是 : ”+ name); 
out.println("« br> 您 的 密码 是 : " + password); 


3. 任 务 小 结 或 知识 扩展 

转发 是 服务 器 行为 , 重 定 向 是 客户 端 行为 。 具 体 工作 流程 如 下 。 

转发 过 程 : 客户 浏览 器 发 送 HTTP 请 求 , Web 服务 器 接收 此 请 求 , 调 用 内 部 的 一 个 方 
法 在 容器 内 部 完成 请 求 处 理 和 转发 动作 ,将 目标 资源 发 送 给 客户 ; 在 这 里 ,转发 的 路 径 必 须 
是 同一 个 Web 容器 下 的 URL, 其 不 能 转向 到 其 他 的 Web 路 径 中 ,中 间 传 递 的 是 自己 的 容 
器 内 的 request。 在 客户 浏览 器 的 地 址 栏 中 显示 的 仍然 是 其 第 一 次 访问 的 路 径 , 也 就 是 说 客 
户 是 感觉 不 到 服务 器 做 了 转发 的 。 转 发 行为 是 浏览 器 只 做 了 一 次 访问 请 求 。 

重 定向 过 程 : 客户 浏览 器 发 送 HTTP 请 求 , Web 服务 器 接收 后 发 送 302 状态 码 响应 及 
对 应 新 的 location 给 客户 浏览 器 ,客户 浏览 器 发 现 是 302 响应 , 则 自动 再 发 送 一 个 新 的 
HTTP 请 求 ,请 求 URL 是 新 的 location 地 址 ,服务 器 根据 此 请 求 寻找 资源 并 发 送 给 客户 。 
在 这 里 location 可 以 重 定 向 到 任意 URL, 既 然 是 浏览 器 重新 发 出 了 请 求 ,就 没有 什么 
request 传递 的 概念 了 。 在 客户 浏览 器 的 地 址 栏 中 显示 的 是 其 重 定向 的 路 径 , 客 户 可 以 观察 
到 地 址 的 变化 。 重 定向 行为 是 浏览 器 做 了 至 少 两 次 的 访问 请 求 。 


4 代码 模板 的 参考 答案 


【代码 1]: response. sendRedirect("redirectForward. jsp"); 

【代码 2]: response. sendRedirect(" redirectForward. jsp"); 

【代码 3]: RequestDispatcher dis = request. getRequestDispatcher("showServlet"); 
【代码 4]: dis.forward(request, response); 
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试 将 任务 中 的 转发 (代码 3 与 代码 4 部 分 ) 改 成 重 定向 ,然后 运行 redirectForward. jsp 
页 面 ,看 看 运行 结果 是 什么 样 的 ,为 什么 是 这 样 的 结果 ? 
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7.6 Ý Servlet 中 使 用 session 





7161 核心 知识 
在 Servlet 中 获得 当前 请 求 的 会 话 对 象 可 通过 调用 HttpServletRequest 的 getSession ) 方 
法 实现 ,例如 : 


HttpSession session = request.getSession(true); ”// 若 存在 会 话 则 返回 该 会 话 ,否则 新 建 一 个 
// 会 话 











或 
HttpSession session = request.getSession(false); // 若 存在 会 话 则 返回 该 会 话 , 否则 返回 null 


经 常情 况 下 ,通过 第 一 种 方式 获得 Session, 即 指定 getSession() 的 参数 为 true。 默 认 参 数 为 


true, 即 request. getSession(true) 等 同 于 request. getSession()。 
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掌握 如 何在 Servlet 中 使 用 会 话 对 象 session. 
7163 任务 驱动 
1. 任务 的 主要 内 容 
编写 一 个 JSP 页 面 useSession. jsp. 在 该 页 面 中 通过 表单 向 urlPatterns 为 
{ "/ useSessionServlet" )ff] servlet 对 象 (由 UseSessionServlet 类 负责 创建 ) 提 交 用 户 名 ， 
useSessionServlet 将 用 户 名 存 人 session 对 象 中 ,然后 用 户 请 求 男 一 个 urlPatterns 为 
( "/showNameServlet" ) 的 Servlet( 由 ShowNameServlet 类 负责 创建 ), showNameServlet 
从 用 户 的 session 对 象 中 取出 存储 的 用 户 名 ,并 显示 在 浏览 器 中 。 程 序 运 行 效果 如 图 7. 6 
所 示 。 


2 任务 的 代码 模板 
页 面 文件 useSession. jsp 的 代码 如 下 : 




















<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head> 
« title» useSession. jsp </title> 
</head> 
< body> 
< form action =" useSessionServlet" method = "post"> 
<table> 
<tr> 
<td> 用 户 名 : </td> 
<td>< input type = "text" name = "user"/></td> 
</tr> 


«tr» 
« td»« input type = "submit" value = "提交 "/></td> 





> © NEP |htpy/localhost8080/ch7/useSessionjsp 



































P&. [5 
提交 
(a) 信息 输入 页 面 
G c» B d? |http://localhost8080/ch7/useSessionServiet 





您 请 求 的 servlet 对 象 是 ，useSessionServlet 
您 的 会 话 ID 是 ，54F1D72100714703E595CB14A4B40533 
请 单 击 请 求 另 一 个 servlet: 


一 个 servlet 


(b) 获取 会 话 并 存储 数据 





(oc NI P |http//localhost8080/ch7/showNameServiet 


您 请 求 的 servlet 对 象 是 ，showNameServlet 

您 的 会 话 ID 是 : 54F1D72100714703B595CB14A4B40533 
您 的 会 话 中 存储 的 用 户 名 是 ， 陈 恒 

重新 登录 








(c) 获取 会 话 中 的 数据 并 显示 
图 7.6 在 Servlet 中 使 用 session 


</tr> 
</table> 
</form> 
</body> 
</html> 


UseSessionServlet. java 的 代码 模板 如 下 : 


package servlet; 
import java. io. * ; 
import javax.servlet. * ; 
import javax. servlet. annotation. WebServlet; 
import javax. servlet. http. * ; 
(QWebServlet(name = "useSessionServlet", urlPatterns = ( "/useSessionServlet" ]) 
public class UseSessionServlet extends HttpServlet { 
private static final long serialVersionUID = 1L; 
public void init(ServletConfig config) throws ServletException ( 
super. init(config); 
f 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setContentType("text/html;charset = GBK"); 
PrintWriter out = response.getWriter(); 
request. setCharacterEncoding("GBK") ; 
String name = request.getParameter("user"); 
if (null == name || name. trin().length() 
response. sendRedirect("useSession. jsp") ; 
) eise( 
(RE 1] 
session. setAttribute("myName", name); 
out. println("« html >< body>"); 





0) { 





out. println(" 您 请 求 的 servlet 对 象 是 : ”+ getServletName()); 

out. println("< br> 您 的 会 话 ID 是 : " + session.getId()); 

out. println("« br > 请 单 击 请 求 另 一 个 servlet: "); 

out.println("<br><a href = 'showNameServlet'> 请 求 男 一 个 servlet </a>"); 
out. println("</body></html >"); 


} 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doPost(request, response); 


) 
ShowNameServlet. java 的 代码 模板 如 下 : 


package servlet; 
import java. io. * ; 
import javax.servlet. * ; 
import javax. servlet. annotation. WebServlet; 
import javax. servlet. http. * ; 
(BWebServlet(name = "showNameServlet", urlPatterns = ( "/showNameServlet" ]) 
public class ShowNaneServlet extends HttpServlet ( 
private static final long serialVersionUID - 1L; 
public void init(ServletConfig config) throws ServletException { 
super. init(config); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setContentType( "text/html; charset = GBK"); 
PrintWriter out = response. getWriter(); 
RE 2] 
String name = (String) session. getAttribute("myName" ) ; 
if (null == name || name.trim().length() == 0) { 
response. sendRedirect("useSession. jsp"); 
}else{ 
out. println("« html >< body>"); 
out. println(" 您 请 求 的 servlet 对 象 是 : " + getServletName()); 
out. println("« br> 您 的 会 话 ID 是 : " + session.getId()); 
out. println("< br > 您 的 会 话 中 存储 的 用 户 名 是 : ”+ name); 
out. println("<br><a href = useSession. jsp> 重 新 登录 </a>"); 
out. println("</body></html >"); 


} 
public void doGet(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException ( 
doPost(request, response); 


3 任务 小 结 或 知识 扩展 
用 户 的 会 话 对 象 session 在 JSP 页 面 中 可 以 不 用 声明 直接 使 用 ,而 在 Servlet 类 中 必须 


IE aee | 
iai 
先 使 用 request 对 象 获得 用 户 的 会 话 对 象 ,然后 再 使 用 它 。 bd 
4 代码 模板 的 参考 答案 


【代码 1]: HttpSession session = request. getSession(true); 
【代码 2]: HttpSession session- request. getSession(true); 
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请 阐述 在 JSP 页 面 中 使 用 会 话 对 象 session 和 在 Servlet 中 使 用 会 话 对 象 session 有 什 
么 不 同 ,并 举例 说 明 。 











7.7 基于 Servlet 的 MVC 模式 


将 大 量 的 Java 代码 写 在 JSP 页 面 中 ,将 HTML 代码 写 在 Servlet 中 。 这 样 会 造成 代码 
编写 不 易 , 日 后 维护 也 不 易 。 因 此 ,学 习 Web 应 用 程序 的 设计 模式 是 非常 重要 的 。 本 节 将 
学 习 一 种 非常 典型 的 Web 应 用 程序 的 设计 模式 一 一 基于 Servlet 的 MVC 模式 。 


7.7.1 核心 知识 


MVC 是 Model, View Controller 的 缩写 ,分 别 代 表 Web 应 用 程序 中 的 3 种 职责 。 

CD 模型 一 一 用 于 存储 数据 以 及 处 理 用 户 请 求 的 业务 逻辑 。 

(2) 视图 一 一 向 控制 器 提交 数据 ,显示 模型 中 的 数据 。 

(3) 控制 器 一 一 根据 视图 提出 的 请 求 ,判断 将 请 求 和 数据 交 给 哪个 模型 处 理 ,处 理 后 的 
有 关 结 果 交 给 哪个 视图 更 新 显示 。 


2 基于 Senet 的 MC 模式 

基于 Servlet 的 MVC 模式 的 具体 实现 如 下 。 

(1) 模型 : 一 个 或 多 个 JavaBean 对 象 ,用 于 存储 数据 (实体 模型 ,由 JavaBean 类 创建 ) 
和 处 理 业务 逻辑 (业务 模型 ,由 一 般 的 Java 类 创建 ) 。 

(2) 视图 : 一 个 或 多 个 JSP 页 面 ,向 控制 器 提交 数据 和 为 模型 提供 数据 显示 ,JSP 页 面 
主要 使 用 HTML 标记 和 JavaBean 标记 来 显示 数据 。 

(3) 控制 器 : 一 个 或 多 个 servlet 对 象 ,根据 视图 提交 的 请 求 进行 控制 ,即将 请 求 转发 给 
处 理 业务 逻辑 的 JavaBean ,并 将 处 理 结果 存放 到 实体 模型 JavaBean 中 ,输出 给 视图 显示 。 

基于 Servlet 的 MVC 模式 的 流程 如 图 7.7 所 示 。 


112 能 力 目标 
掌握 基于 Servlet 的 MVC 模式 。 


1 任务 的 主要 内 容 
使 用 MVC 模式 实现 简单 的 用 户 登 录 验 证 程序 ,其 中 包括 实体 模型 User、 业 务 模型 
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图 7.7 基于 Servlet 的 MVC 模式 的 流程 


UserCheck .控制 器 LoginCheckServlet 和 两 个 视图 页 面 , 即 登录 页 面 和 登录 成 功 页 面 。 


2 任务 的 代码 模板 
User 类 (实体 层 ) 用 于 创建 实体 模型 存储 用 户 信息 ,代码 如 下 : 


package dto; 
public class User ( 
private String name; 
private String pwd; 
public String getName() ( 
return name; 
} 
public void setName(String name) { 
this. name = name; 
} 
public String getPwd() { 


return pwd; 

) 

public void setPwd(String pwd) ( 
this.pwd = pwd; 

} 


} 
UserCheck( 业 务 层 ) 类 用 于 判断 用 户 名 和 密码 是 否 正确 ,代码 如 下 : 


package service; 
import dto. User; 
public class UserCheck { 
// 验 证 登录 
public boolean validate(User user) { 
if (user != null && user. getName( ). equals("JSPMVC")) { 
if (user. getPwd( ). equals("MVC")) ( 
return true; 
} 
return false; 
i 


return false; 


第 7 章 





) w — 
LoginCheckServlet( 控 制 层 ) 完 成 请 求 控制 ,代码 如 下 : 


package servlet; 

import java. io. IOException; 

import javax. servlet. RequestDispatcher; 

import javax. servlet.ServletException; 

import javax. servlet. annotation. WebServlet; 
import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import service. UserCheck; 

import dto.User; 


(QWebServlet(name = "loginCheckServlet", urlPatterns = ( "/loginCheckServlet" }) 
public class LoginCheckServlet extends HttpServlet ( 
private static final long serialVersionUID = 1L; 
protected void doGet(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
doPost(request, response); 
] 
protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
request. setCharacterEncoding("GBK" ) ; 
String name = request. getParameter( "name" ) ; 
String pwd = request. getParameter("pwd"); 


User user = new User(); // 实 例 化 实体 模型 User 
user. setName(name) ; // 把 数据 存在 模型 User 中 
user. setPwd( pwd) ; // 把 数据 存在 模型 User 中 
UserCheck uc = new UserCheck() ; // 实 例 化 业务 模型 UserCheck 


if (uc.validate(user)) { 
// 把 装 有 数据 的 实体 模型 User, 存储 到 request 范围 内 
request. setAttribute("user", user); 
RequestDispatcher dis - request 

.getRequestDispatcher(" loginSuccess. jsp"); 

dis.forward(request, response); 

) eise ( 
response. sendRedirect ( " loginCheck. jsp"); 


) 
登录 页 面 loginCheck. jsp() 视 图 层 的 代码 如 下 : 


<% (8 page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
«html» 
X head» 
<title> loginCheck. jsp </title> 
</head> 
< body> 
< form action = "loginCheckServlet" method = "post"> 


<table> 
«tr» 
<td> 用 户 名 : «/td» 
<td>< input type = "text" name = "name"/></td> 
</tr> 
<tr> 
<td> 密 码 : </td> 
<td>< input type = "password" name = "pwd"/></td> 
</tr> 
<tr> 
<td>< input type = "submit" value = "提交 "/></td> 
<td>< input type = "reset" value = " 重 置 "人 /></td> 
</tr> 
</table> 
</form> 
</body> 
«/htnl» 


登录 成 功 页 面 loginSuccess. jsp( 视 图 层 ) 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% @ page import = "dto. User" %> 
<html> 
<head > 
« title» loginSuccess. jsp </title> 
</head> 
< body> 
< jsp:useBean id= "user" type = "dto. User" scope = "request" /» 
恭喜 < jsp:getProperty property = "name" name = "user"/> 登 录 成 功 ! 
</body> 
«/htnl > 


3. 任 务 小 结 或 知识 扩展 

在 基于 Servlet 的 MVC 模式 中 ,控制 器 Servlet 创建 的 实体 模型 JavaBean 也 涉及 生命 
周期 ,生命 周期 分 别 为 request、session 和 application。 下 面 以 任务 中 的 实体 模型 User 来 讨 
论 这 3 种 生命 周期 的 用 法 。 

1) request 周期 的 模型 

使 用 request 周期 的 模型 一 般 需 要 以 下 几 个 步骤 。 

O 创建 模型 并 把 数据 保存 到 模型 中 。 在 Servlet 中 需要 以 下 代码 : 


User user = new User (); // 实 例 化 模型 User 
user. setName(name) ; // 把 数据 存在 模型 User 中 
user. setPwd( pwd) ; // 把 数据 存在 模型 User 中 


@ 将 模型 保存 到 request 对 象 中 并 转发 给 视图 JSP。 在 Servlet 中 需要 以 下 代码 : 


request. setAttribute("user", user); 

// 把 装 有 数据 的 模型 User 输出 给 视图 loginSuccess. jsp 页 面 
RequestDispatcher dis = request. getRequestDispatcher("loginSuccess. jsp") ; 
dis.forward(request, response); 
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request. setAttribute("user"，user) 这 句 代码 指定 了 查找 JavaBean 的 关键 字 , 并 决定 一 
了 JavaBean 的 生命 周期 为 request。 

@ 视图 更 新 。Servlet 所 转发 的 页 面 , 比 如 loginSuccess. jsp 页 面 ,必须 使 用 useBean 标 
记 获 得 Servlet 所 创建 的 JavaBean 对 象 (视图 不 负责 创建 JavaBean). FE JSP 页 面 需要 使 用 
以 下 代码 : 

< jsp:useBean id= "user" type = "dto. User" scope = "request"/> 

< jsp:getProperty property = "name" name = "user" /> 

标记 中 的 id 就 是 Servlet 所 创建 的 模型 JavaBean, €H request 对 象 中 的 关键 字 对 应 。 
因为 在 视图 中 不 创建 JavaBean 对 象 ,所 以 在 useBean 标记 中 使 用 type 属性 ,而 不 使 用 class 
属性 。useBean 标记 中 的 scope 必须 和 存储 模型 时 的 范围 (request) 一 致 。 

2) session 周期 的 模型 

使 用 session 周期 的 模型 一 般 需 要 以 下 几 个 步骤 。 

(D 创建 模型 并 把 数据 保存 到 模型 中 。 在 Servlet 中 需要 以 下 代码 : 


User user = new User (); // 实 例 化 模型 User 

user. setName( name); // 把 数据 存在 模型 User 中 

user. setPwd(pwd); // 把 数据 存在 模型 User 中 

© 将 模型 保存 到 session 对 象 中 并 转发 给 视图 JSP。 在 Servlet 中 需要 以 下 代码 : 
session. setAttribute("user", user); // 把 装 有 数据 的 模型 User 输出 给 视图 


//1oginSuccess. jsp 页 面 

RequestDispatcher dis = request. getRequestDispatcher("loginSuccess. jsp") ; 

dis.forward(request, response); 

session. setAttribute("user"，user) 这 名 代码 指定 了 查找 JavaBean 的 关键 字 , 并 决定 
T JavaBean 的 生命 周期 为 session. 

O 视图 更 新 。Servlet 所 转发 的 页 面 , 比 如 loginSuccess.jsp 页 面 ,必须 使 用 useBean 标 
记 获 得 Servlet 所 创建 的 JavaBean 对 象 (视图 不 负责 创建 JavaBean) 。 在 JSP 页 面 需 要 使 用 
以 下 代码 

< jsp:useBean id = "user" type= "dto. User" scope = "session"/> 

< jsp:getProperty property = "name" name = "user"/> 

标记 中 的 id 就 是 Servlet 所 创建 的 模型 JavaBean, 它 和 session 对 象 中 的 关键 字 对 应 。 
因为 在 视图 中 不 创建 JavaBean 对 象 ,所 以 在 useBean 标记 中 使 用 type 属性 ,而 不 使 用 class 
属性 。useBean 标记 中 的 scope 必须 和 存储 模型 时 的 范围 (session) 一 致 。 

注意 : 对 于 生命 周期 为 session 的 模型 Servlet 不 仅 可 以 使 用 RequestDispatcher 对 象 
转发 给 JSP 页 面 , 也 可 以 使 用 response 的 重 定 向 方法 (sendRedirect) 定 向 到 JSP 页 面 。 

3) application 周期 的 模型 

使 用 application 周期 的 模型 一 般 需 要 以 下 几 个 步骤 。 

(D 创建 模型 并 把 数据 保存 到 模型 中 。 在 Servlet 中 需要 以 下 代码 : 


User user = new User (); // 实 例 化 模型 User 
user. setName(name) ; // 把 数据 存在 模型 User 中 
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user. setPwd( pwd) ; // 把 数据 存在 模型 User 中 
@ 将 模型 保存 到 application 对 象 中 并 转发 给 视图 JSP。 在 Servlet 中 需要 以 下 代码 : 
application. setAttribute("user", user); // 把 装 有 数据 的 模型 User 输出 给 视图 


//1oginSuccess. jsp 页 面 

RequestDispatcher dis = request. getRequestDispatcher("loginSuccess. jsp"); 

dis.forward(request, response); 

application, setAttribute("user"，user) 这 人 句 代 码 指定 了 查找 JavaBean 的 关键 字 ,并 决 
定 了 JavaBean 的 生命 周期 为 application。 

@ 视图 更 新 。Servlet 所 转发 的 页 面 , 比 如 loginSuccess. jsp 页 面 ,必须 使 用 useBean 标 
记 获 得 Servlet 所 创建 的 JavaBean 对 象 (视图 不 负责 创建 JavaBean)。 在 JSP 页 面 需 要 使 用 
以 下 代码 : 

< jsp:useBean id = "user" type = "dto. User" scope = "application"/> 

< jsp:getProperty property "name" name = "user"/> 

标记 中 的 id 就 是 Servlet 所 创建 的 模型 JavaBean, 它 和 application 对 象 中 的 关键 字 对 
应 。 因 为 在 视图 中 不 创建 JavaBean 对 象 ,所 以 在 useBean 标记 中 使 用 type 属性 ,而 不 使 用 
class 属性 。useBean 标记 中 的 scope 必须 和 存储 模型 时 的 范围 (application) 一 致 。 

注意 : 对 于 生命 周期 为 session 或 application 的 模型 ,Servlet 不 仅 可 以 使 用 Request- 
Dispatcher 对 象 转发 给 JSP 页 面 ,也 可 以 使 用 response 的 重 定向 方法 (sendRedirect()) 定 向 到 
JSP 页 面 。 


774 实践 环节 


模仿 7.7.3 节 中 的 任务 ,使 用 基于 Servlet 的 MVC 模式 设计 一 个 Web 应 用 ,要 求 如 下 。 

用 户 通过 JSP St ifii inputNumber. jsp 输入 两 个 操作 数 , 并 选择 一 种 运算 符 , 单 击 “ 提 交 ” 
按钮 后 ,调用 HandleComputer. java 这 个 Servlet. f£ HandleComputer 中 首先 获取 用 户 输 
入 的 数字 和 运算 符 并 将 这 些 内 容 存 人 实体 模型 (由 Computer. java 创建 ) 中 ,然后 调用 业务 
模型 (由 CalculateBean. java 创建 ) 进 行 计算 并 把 结果 存 和 人 实体 模型 中 ,在 showResult. jsp 
中 调用 JavaBean 显示 计算 的 结果 。 














7.8 h 结 


本 章 使 用 了 Servlet 3. 0 的 注解 机 制 部 署 Servlet, 简 化 了 Servlet 的 开发 流程 ,使 web. 
xml 部 署 描述 文件 从 Servlet 3. 0 开始 不 再 是 必 选 的 。 


习 题 7 
1. 以 下 不 属于 MVC 设计 模式 中 3 个 模块 的 是 ( 。 )。 


A. 模型 B. 表示 层 C. 视图 D. 控制 器 
2. 在 MVC 模式 中 ,(  ” ) 用 于 客户 端 应 用 程序 的 图 形 数 据 表示 ,与 实际 数据 处 理 


无 关 。 


IE eese | 


A. 模型 B. 视图 C. 控制 器 D. 数据 

3. 在 MVC 设计 模式 中 ,( ) 接 收 用 户 请 求 数据 。 

A. HTML B. JSP C. Servlet D. 业务 类 
. 使 用 MVC 模式 设计 Web 应 用 有 什么 好 处 ? 
. MVC 中 的 模型 是 由 Servlet 负责 创建 ,还 是 由 JSP 页 面 负责 创建 ? 
. servlet 对 象 是 在 服务 器 端 被 创建 的 ,还 是 在 用 户 端 被 创建 的 ? 
. 什么 是 转发 ? 什么 是 重 定向 ? 它们 有 什么 区 别 ? 
. 简 述 Servlet 的 生命 周期 与 运行 原理 。 
. servlet 对 象 初始 化 时 是 调用 init() 方 法 还 是 service() 方 法 ? 
10. 在 Servlet 中 如 何 获得 用 户 的 会 话 对 象 ? 
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在 开发 一 个 网 站 时 ,可 能 有 这 样 的 需求 : 某 些 页 面 只 希望 几 个 特定 的 用 户 浏览 。 对 于 
这 样 的 访问 权限 的 控制 ,该 如 何 实现 呢 ? 过 滤器 (Filter) 就 可 以 实现 上 述 需求 。 过 滤器 位 于 
服务 器 处 理 请 求 之 前 或 服务 器 响应 请 求 之 前 。 也 就 是 说 , 它 可 以 过 滤 浏 览 器 对 服务 器 的 请 
求 ,也 可 以 过 滤 服 务 器 对 浏览 器 的 响应 ,如 图 8. 1 所 示 。 








Web 服 务 器 
HTTP 请 求 | | 证 | iieri 
T 器 
D 
器 | HTTP 响 应 过 | 过 滤 前 的 响应 











| 


图 8.1 过 滤器 





Servlet 


处 理 请 求 


响应 请 求 








8.1 Filter 类 与 filter 对 象 
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8.1.2 能 力 目 标 





理解 Filter 类 与 filter 对 象 的 概念 。 


编写 一 个 过 滤器 类 很 简单 ,只 要 实现 javax. servlet 包 中 的 Filter 接口 。 实 现 Filter 接 
口 的 类 习惯 地 称 为 一 个 Filter 类 ,这 样 的 类 创建 的 对 象 又 习惯 地 称 为 filter 对 象 。 
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1 任务 的 主要 内 容 

新 建 一 个 Web 工程 ch8 ,在 该 Web 工程 中 编写 一 个 简单 的 Filter 类 FirstFilter, Filter 
类 实现 如 下 功能 : 不 管用 户 请 求 该 Web 工程 的 哪个 页 面 或 Servlet ,都 会 在 浏览 器 中 先 出 现 
“首先 执行 过 滤器 ”这样 的 响应 信息 。 

2 任务 的 代码 模板 

FirstFilter. java 的 代码 模板 如 下 : 











package filter; 
import java. io. IOException; 
import java. io.PrintWriter; 
import javax. servlet. Filter; 
import javax. servlet. FilterChain; 
import javax. servlet. FilterConfig; 
import javax. servlet. ServletException; 
import javax. servlet. ServletRequest; 
import javax. servlet. ServletResponse; 
public class FirstFilter implements 【代码 1]( 
public void destroy() { 
} 
public void doFilter(ServletRequest request, 
ServletResponse response, 
FilterChain chain) throws IOException, ServletException { 
// 设 置 响应 类 型 
response. setContentTYpe("text/html;charset = GBK" ) ; 
// 获 得 输出 对 象 out 
PrintWriter out = response. getWriter( ) ; 
// 在 浏览 器 中 输出 
out. print(" 首 先 执行 过 滤器 < br >"); 
// 执 行 下 一 个 过 滤器 
chain. doFilter(request, response); 
} 
public void init(FilterConfig fConfig) throws ServletException { 
} 
} 


3. 任务 小 结 或 知识 扩展 

从 任务 中 可 以 看 出 ,Filter 接口 与 Servlet 接口 很 类 似 , 同 样 都 有 init() 与 destroy() 方 
法 ,还 有 一 个 doFilter() 方 法 类 似 于 Servlet 接口 的 service() 方 法 。 下 面 分 别 介绍 这 3 种 方 
法 的 功能 。 

(1) public void init(FilterConfig fConfig) throws ServletException: 该 方法 的 功能 是 
初始 化 过 滤器 对 象 。 如 果 为 过 滤器 设置 了 初始 参数 , 则 可 以 通过 FilterConfig 的 
getInitParameter(String paramName) 方 法 获得 初始 参数 值 。 


(2) public void doFilter ( ServletRequestrequest. ServletResponse response. FilterChain 
chain) throws IOException, ServletException; 当 Web 服务 器 使 用 servlet 对 象 调用 
service() 方 法 处 理 请 求 前 ,发 现 应 用 了 某 个 过 滤器 时 ,Web 服务 器 就 会 自动 调用 该 过 滤器 
的 doFilter() 方 法 。 在 doFilter() 方 法 中 有 以 下 语句 : 


chain.doFilter(request, response); 

如 果 执 行 了 该 语句 ,就 会 执行 下 一 个 过 滤器 ,如 果 没有 下 一 个 过 滤器 ,就 返回 请 求 目 标 
程序 。 如 果 因 为 某 个 原因 没有 执行 chain. doFilter(request, response) ; , 则 请 求 就 不 会 继续 
交 给 以 后 的 过 滤器 或 请 求 目标 程序 ,这 就 是 拦截 请 求 。 

(3) public void destroy): 当 Web 服务 器 终止 服务 时 , destroy() 方 法 会 被 执行 ,使 
filter 对 象 消亡 。 

4 代码 模板 的 参考 答案 


【代码 1]: Filter 
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尝试 找 一 下 任务 中 的 Filter 类 编译 后 的 字 节 码 文件 。 








8.2 filter 对 象 的 部 署 与 运行 
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编写 完 Filter 类 的 源 文件 ,并 编译 了 源 文件 ,这 时 Web 服务 器 是 不 是 就 可 以 运行 filter 
对 象 呢 ? 不 可 以 。 需 要 部 署 Filter 后 , Web 服务 器 才 可 以 运行 filter 对 象 。 

与 Servlet 一 样 ,部 署 过 滤器 目前 有 两 种 方式 : 一 是 在 web. xml 中 部 署 Filter; 二 是 基 
于 注解 的 方式 部 署 Filter。 


822 能 力 目标 
掌握 部 署 过 滤器 的 方法 。 
823 任务 驱动 


























任务 1: 在 webxm 中 部 署 过 滤器 


1) 部 署 Filter 类 
为 了 在 web. xml 文件 里 部 署 8. 1 节 中 的 FirstFilter, 需 要 在 web. xml 文件 里 找到 
«web-app2 — / web-app2 bx it » Ari TE — web-app — / web-app by ic P 1 JA F VÀ AE : 
«filter» 
< filter - name» firstFilter «/filter - name> 


< filter - class» filter.FirstFilter «/filter - class > 
«/filter» 


<filter 一 mapping> 
<filter - name» firstFilter «/filter- name > 
« url- pattern>/ * «/url- pattern» 
</filter - mapping» 
2) 运行 filter XI 
只 要 用 户 请 求 的 URL 和 filter-mapping 的 子 标记 url-pattern 指定 的 模式 匹配 ,Web 服 
务 器 就 会 自动 调用 该 Filter 的 doFilter() 方 法 。 如 8. 1 节 中 的 FirstFilter 过 滤器 在 web. 
xml 中 的 url-pattern 指定 值 为 /* ,/ * 代表 任何 页 面 或 Servlet 的 请 求 。 
为 了 测试 过 滤器 ,在 Web 工程 ch8 中 新 建 一 个 JSP HIH test. jsp, 运 行 test. jsp. ZUR An 
图 8.2 所 示 。 





了 NH 从 |http://localhost8080/ch8/testjsp 
首先 执行 过 滤器 


test! 





图 8.2 首先 执行 过 滤器 


3) 有 关 部 署 过 滤器 的 标记 

QD filter 标记 及 其 子 标记 。web. xml 文件 中 可 以 有 若干 个 filter 标记 ,该 标记 的 内 容 由 
Web 服务 器 负责 处 理 。filter 标记 中 有 两 个 子 标 记 : filtername 和 filter-class, 其 中 filter- 
name 子 标记 的 内 容 是 Web 服务 器 创建 的 filter 对 象 的 名 字 。web. xml 文件 中 可 以 有 若干 
个 filter 标记 ,但 要 求 它们 的 filter-name 子 标记 的 内 容 互 不 相同 。filter-class 子 标记 的 内 容 
指定 Web 服务 器 用 哪个 类 来 创建 filter 对象, 如果 filter 对 象 已 经 创建 ,那么 Web 服务 器 就 
不 再 使 用 指定 的 类 创建 。 

如 果 在 过 滤器 初始 化 时 ,需要 读 取 一 些 参数 的 值 , 则 可 以 在 filter 标记 中 使 用 init- 
param 子 标记 设置 。 例 如 : 


<filter> 
< filter - name> firstFilter «/filter - name > 
< filter - class» filter.FirstFilter «/filter- class» 
< init - param» 
< param ~ name > encoding «/param - name > 
< param - value > GBK «/param - value» 
«/ init - paran» 
«/filter» 


那么 就 可 以 在 Filter 的 init() 方 法 中 ,使 用 参数 fConfig CFilterConfig 的 对 象 ) 调用 
FilterConfig 的 getInitParameter(String paramName) 方 法 获得 参数 值 。 例 如 : 

public void init(FilterConfig fConfig) throws ServletException{ 

String en = fConfig. getInitParameter("encoding"); 

} 

@ filter-mapping 标记 及 其 子 标记 。web. xml 文件 中 出 现 一 个 filter 标记 就 会 对 应 地 
出 现 一 个 filter-mapping 标记 。filter-mapping 标记 中 也 有 两 个 子 标记 :filtername 和 url- 
pattern, Kf filter-name 子 标记 的 内 容 是 Web 服务 器 创建 的 filter 对 象 的 名 字 ( 该 名 字 必 
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须 和 filter 标记 的 子 标记 filter-name 的 内 容 相同 ); url-pattern 子 标记 用 来 指定 用 户 用 怎样 
的 模式 请 求 filter 对 象 。 如 果 某 个 URL 或 Servlet 需 应 用 多 个 过 滤器 , 则 根据 filter- 
mapping 标记 在 web. xml 中 出 现 的 先后 顺序 执行 过 滤器 。 


任务 2: 基于 注解 的 方式 部 署 过 滤器 


在 Servlet 3. 0 中 提供 了 注解 @ WebFilter, 使 不 再 需要 在 web. xml 文件 中 进行 Filter 
的 部 署 描述 。 但 在 实际 的 Web 工程 中 ,不 需要 大 量 开发 Filter, 因 此 ,采用 任何 方式 部 署 过 
滤器 都 不 太 麻烦 。 

(4) WebFilter 用 于 将 一 个 类 声明 为 过 滤器 ,该 注解 将 会 在 部 署 时 被 容器 处 理 , 容 器 将 根 
据 具 体 的 属性 配置 ,将 相应 的 类 部 署 为 过 滤器 。 该 注解 的 一 些 常用 属性 如 表 8. 1 所 示 。 


表 8.1 @WebFilter 的 常用 属性 























属性 名 类 y d 述 
filterName String 指定 过 滤器 的 name 属性 ,等 价 于 filter-name 
value String[ ] 该 属性 等 价 于 urlPatterns 属性 ,但 两 个 属性 不 能 同时 使 用 
urlPatterns String[] 指定 一 组 过 滤器 的 URL 匹配 模式 。 等 价 于 url-pattern 标记 
| Sting] 指定 过 滤器 将 应 用 于 哪些 Servlet。 取 值 是 @ WebServlet 中 的 
name 属性 的 取 值 ,或 者 是 web. xml 中 servlet-name 的 取 值 
initParams WeblnitParam[] | 指定 一 组 过 滤器 初始 化 参数 ,等 价 于 init-param 标记 


表 8. 1 中 的 所 有 属性 均 为 可 选 属性 ,但 是 value 或 者 urlPatterns 通常 是 必需 的 , 且 两 者 
不 能 共存 ,如 果 同 时 指定 ,通常 是 忽略 value 的 取 值 。 

1) 任务 的 主要 内 容 

基于 注解 的 方式 部 署 Filter 一 一 SecondFilter。 

2) 任务 的 代码 模板 

SecondFilter. java 的 代码 模板 如 下 : 


package filter; 
import java. io. IOException; 


import java. io.PrintWriter; 


import javax. servlet. Filter; 


import javax. servlet.FilterChain; 
import javax. servlet.FilterConfig; 


import javax. servlet. ServletException; 


import javax. servlet. ServletRequest; 


import javax. servlet. ServletResponse; 


import javax. servlet. annotation. WebFilter; 
(BWebFilter(filterName = "secondFilter",[ftf3 1] = ( "/*"]) 
public class SecondFilter implements Filter ( 

public void destroy() { 


) 


public void doFilter(ServletRequest request, ServletResponse response, 
FilterChain chain) throws IOException, ServletException ( 


// 设 置 响应 类 型 
response. setContentType(" text/html;charset = GBK"); 


SEE ) 





// 获 得 输出 对 象 out 

PrintWriter out = response.getWriter(); 
// 在 浏览 器 中 输出 

out. print(" 执 行 第 二 个 过 滤器 <br>"); 

// 执 行 下 一 个 过 滤器 
chain.doFilter(request, response); 


} 
public void init(FilterConfig fConfig) throws ServletException { 


) 
F 


3) 任务 小 结 或 知识 扩展 

SecondFilter. java 的 代码 中 使 用 @ WebFilter (filterName = "secondFilter ", 
urlPatterns = ( "/ * " Dn Jl ip E Jes. WEVE web. xml P RE HM HI < filter >H 
<filter-mapping> J63& T . Web 容器 会 在 部 署 时 根据 指定 的 属性 将 该 类 发 布 为 Filter。 
(à WebFilter(filterName = "secondFilter", urlPatterns = ( "/ * " )) 等 价 的 web. xml 部 
署 形 式 如 下 ， 


<filter > 
< filter - name> secondFilter </filter - name > 
< filter - class > filter. SecondFilter </filter - class > 
</ filter> 
< filter - mapping > 
< filter - name > secondFilter </filter - name > 
<url- pattern»/ * </url - pattern» 
</filter - mapping > 


4) 代码 模板 的 参考 答案 


【代码 1]: urlPatterns 
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258.2. 3 节 中 的 SecondFilter 添加 初始 化 参数 ,并 在 该 过 滤器 的 init() 方 法 中 获取 这 些 
参数 。@ WebInitParam 注解 给 过 滤器 添加 参数 的 示例 代码 如 下 : 











@WebFilter(filterName = "xxxFilter", urlPatterns = ( "/*" ), initParams = ( 
(QWebInitParam(name = "firstParam", value = "one"), 
(QWebInitParam(name = "secondParam", value = "two") ]) 


8.3 ”过 滤器 的 应 用 





8.3.1 核心 知识 


过 滤器 是 Servlet 的 一 种 特殊 用 法 ,主要 用 来 完成 一 些 通用 的 操作 ,比如 编码 的 过 滤 , 判 
断 用 户 的 登录 状态 ,等 等 。 
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灵活 应 用 过 滤器 。 
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任务 1. 字符 编码 过 滤器 的 实现 


1) 任务 的 主要 内 容 

编写 字符 编码 过 滤器 一 一 SetCharacterEncodingFilter。 
2) 任务 的 代码 模板 

SetCharacterEncodingFilter. java 的 代码 模板 如 下 : 


package filter; 
import java. io. IOException; 
import javax. servlet. Filter; 
import javax. servlet. FilterChain; 
import javax. servlet. FilterConfig; 
import javax. servlet. ServletException; 
import javax. servlet. ServletRequest; 
import javax. servlet. ServletResponse; 
import javax. servlet. annotation. WebFilter; 
import javax, servlet. annotation. WebInitParam; 
@WebFilter(filterName = "setCharacterEncodingFilter", urlPatterns = ( "/*" ), initParams 
= ( (WebInitParam(name = "encoding", value = "GBK") ]) 
public class SetCharacterEncodingFilter implements Filter ( 
private static String encoding; 
public void destroy() ( 
} 
public void doFilter(ServletRequest request, ServletResponse response, 
FilterChain chain) throws IOException, ServletException { 
request. setCharacterEncoding(encoding) ; 
chain.doFilter(request, response); 
J 
public void init(FilterConfig fConfig) throws ServletException { 
encoding =【 代 码 1]// 获 得 初始 化 参数 encoding 


} 


3) 任务 小 结 或 知识 扩展 

本 书 4. 1. 3 节 介 绍 了 中 文 乱码 的 解决 方法 ,其 中 一 种 解决 方法 是 ,在 获取 表单 信 
息 之 前 ,使 用 request 对 象 调 用 setCharacterEncoding( String code) 方 法 设置 统一 字符 编 
码 。 使 用 该 方法 解决 中 文 乱码 问题 时 ,接收 参数 的 每 个 页 面 或 Servlet 都 需要 执行 
request, setCharacterEncoding(" xxx") 语 句 。 为 了 避免 每 个 页 面 或 Servlet 都 编写 request. 
setCharacterEncoding("xxx") 语 句 , 可 以 使 用 过 滤器 进行 字符 编码 处 理 。 


4) 代码 模板 的 参考 答案 


【代码 1]: £Config.getInitParameter("encoding"); 
任务 2. 登录 验证 过 滤器 的 实现 


1 任务 的 主要 内 容 

新 建 一 个 Web 工程 loginValidateProject, 在 该 Web 工程 中 至 少 编写 两 个 JSP 页 面 
login. jsp 与 loginSuccess. jsp, 一 个 Servlet( 由 LoginServlet. java 负责 创建 ) 。 用 户 在 login. 
jsp 页 面 中 输入 用 户 名 和 密码 后 ,提交 给 Servlet, 在 Servlet 中 判断 用 户 名 和 密码 是 否 正确 ， 
正确 则 跳 转 到 loginSuccess. jsp ,错误 则 回 到 login. jsp 页 面 。 但 该 Web 工程 有 另外 一 个 要 
SR: 除了 login. jsp 页 面 外 ,其 他 页 面 或 Servlet 都 不 能 直接 访问 ,必须 登录 成 功 才能 访问 。 
在 设计 这 个 Web 工程 时 ,编写 了 一 个 登录 验证 过 滤器 并 在 该 Web 工程 中 使 用 。 页 面 运行 
效果 如 图 8. 3 所 示 。 


$5 Ni P [hto//localhost8080/loginVelidateProject/loginjsp. 


用 户 名 ， 
am [ Jj 
[ss | 

















(a) 登录 页 面 





WP [htp;/localhost8080/loginValidateProject/loginSuccessjsp 


您 没有 登录 ， 请 先 登录 ! 3 秒 后 回 到 登录 页 面 。 





(b) 没有 登录 成 功 直 接 运 行 loginSuccess.jsp 


C c ON P |htpy/localhost8080/loginValidateProject/loginSuccessjsp 
dE B filter ph! 
(c) 登录 成 功 页 面 


8.3 页 面 运行 效果 





2 任务 的 代码 模板 
LoginFilter. java( 过 滤器 ) 的 代码 如 下 : 


package filter; 

import java. io. IOException; 

import java. io.PrintWriter; 

import javax. servlet. Filter; 

import javax. servlet.FilterChain; 

import javax. servlet.FilterConfig; 

import javax. servlet. ServletException; 

import javax. servlet. ServletRequest; 

import javax. servlet. ServletResponse; 

import javax. servlet. annotation. WebFilter; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 





— import javax. servlet. http. HttpSession; 
(QWebFilter(filterName = "loginFilter", urlPatterns = ( "/*" ]) 
public class LoginFilter implements Filter { 
public void destroy() { 
} 
public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) 
throws IOException, ServletException { 
HttpServletRequest req = (HttpServletRequest) request; 
HttpServletResponse resp = (HttpServletResponse) response; 
HttpSession session = req.getSession(true); 
resp. setContentType( " text/html ;") ; 
resp. setCharacterEncoding("UTF - 8"); 
PrintWriter out = resp.getWriter(); 
// 得 到 用 户 请 求 的 URI 
String request uri = req.getRequestURI(); 
// 得 到 Web 应 用 程序 的 上 下 文 路 径 
String ctxPath = req.getContextPath(); 
// 去 除 上 下 文 路 径 ,得 到 剩余 部 分 的 路 径 
String uri = request uri. substring(ctxPath. length()); 
// 登 录 页 面 或 Servlet 不 拦截 
if(uri.contains("login. jsp") || uri. contains("loginServlet")){ 
chain.doFilter(request, response); 
}else{ 
// 判 断 用 户 是 否 已 经 登录 
if (null != session.getAttribute("user")) { 
// 执 行 下 一 个 过 滤器 
chain.doFilter(request, response); 
} else ( 
out.println(" 您 没有 登录 ,请 先 登录 !3 秒 钟 后 回 到 登录 页 面 . "); 
resp. setHeader( "refresh", "3;url- " + ctxPath + "/login. jsp"); 
return; 


} 
public void init(FilterConfig fConfig) throws ServletException { 
} 

} 


LoginServlet. java 的 代码 如 下 : 


package servlet; 

import java. io. IOException; 

import javax. servlet. ServletException; 

import javax. servlet. annotation. WebServlet; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 

import javax. servlet. http. HttpServletResponse; 

import javax. servlet. http. HttpSession; 

(QWebServlet(name = "loginServlet", urlPatterns = ( "/loginServlet" ]) 

public class LoginServlet extends HttpServlet { 
private static final long serialVersionUID - 1L; 





protected void doGet(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
String username = request. getParaneter("name") ; 
String password = request. getParameter("pwd" ) ; 
if(username!- null&&username. equals("filter"))( 
if(password!- null&&password. equals("filter"))( 
HttpSession session = request.getSession(); 
session. setAttribute( "user", username); 
response. sendRedirect("loginSuccess. jsp"); 
Jelse( 
response. sendRedirect( "login. jsp"); 
} 
}else{ 
response. sendRedirect("login. jsp"); 


} 
protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException { 
doGet(request, response) ; 


) 
login. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head> 
<title> login. jsp </title> 
</head> 
< body bgcolor = "lightPink"> 
< form action = "loginServlet" method = "post"> 
<table> 
<tr> 
<td> 用 户 名 : </td> 
<td>< input type = "text" name = "name"/></td> 
</tr> 
«tr» 
<td> 密 Bj: </td> 
< td»« input type = "password" name = "pwd"/></td> 
</tr> 
<tr> 
<td>< input type = "submit" value = "提交 "人 ></td> 
< td»« input type = "reset" value = " 重 置 "人 /></td> 
</tr> 
</table> 
</form> 
</body> 
«/htnl > 


loginSuccess. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 


<html> 
X head» 
<title> loginSuccess. jsp </title> 
</head> 
< body> 
<% 
String username = (String)session.getAttribute("user"); 
5» 
恭喜 <% = username $>% RAI! 
</body> 
</html > 


3 .任务 小 结 或 知识 扩展 

在 Web 工程 中 , 某 些 页 面 或 Servlet 只 有 用 户 登 录 成 功 才能 访问 。 直 接 在 应 用 程序 每 
个 相关 的 源 代码 中 判断 用 户 是 否 登 录 成 功 并 不 是 科学 的 做 法 。 这 时 可 以 实现 一 个 登录 验证 
过 滤器 ,不 需要 在 每 个 相关 的 源 代码 中 验证 用 户 是 否 登 录 成 功 。 

任务 中 的 过 滤器 要 首先 检查 用 户 请 求 的 URL 是 不 是 login. jsp 或 者 登录 请 求 
(loginServlet) ,这 两 个 值 都 放 在 过 滤器 的 初始 化 参数 中 。 如 果 用 户 访问 的 是 login. jsp 或 者 
登录 请 求 , 过 滤器 就 执行 chain. doFilter( ) 继 续 请 求 。 如 果 用 户 访问 的 不 是 login. jsp 或 者 
登录 请 求 , 过 滤器 先 判断 用 户 是 否 登 录 成 功 ,登录 成 功 则 执行 chain. doFilter( ) 继 续 请 求 , 否 
则 重 定向 到 login. jsp. 


834 实践 环节 


在 任务 的 Web 工程 loginValidateProject 中 再 新 建 几 个 JSP 页 面 , 在 没有 登录 成 功 的 
情况 下 ,运行 这 几 个 JSP 页 面 ,看 看 是 什么 效果 。 














8.4 小 结 


本 章 讲解 了 Filter 的 概念 ,原理 以 及 实际 应 用 。Filter 使 Servlet 开发 者 能 够 在 请 求 到 
达 Servlet 之 前 拦截 请 求 , 在 Servlet 处 理 请 求 之 后 修改 响应 。 


习 题 8 
1. 简 述 过 滤器 的 运行 原理 。 


2. Filter 接口 中 有 哪些 方法 ? 它们 分 别 具 有 什么 功能 ? 
3. 在 web. xml 中 部 署 过 滤器 需要 哪些 标记 ? 这 些 标记 的 作用 是 什么 ? 








在 JSP 页 面 中 可 以 使 用 Java 代码 来 实现 页 面 显示 人 逻辑 ,但 网 页 中 夹杂 着 HTML 与 
Java 代码 ,给 网 页 的 设计 与 维护 带 来 困难 。 可 以 使 用 EL 来 访问 和 处 理应 用 程序 的 数据 ,也 
可 以 使 用 JSTL 来 奉 换 网 页 中 实现 页 面 显示 逻辑 的 Java 代码 。 这 样 JSP 页 面 就 尽量 减少 
了 Java 代码 的 使 用 ,为 以 后 的 维护 提供 了 方便 。 

本 章 涉 及 的 Java 源 文 件 保存 在 工程 ch9 的 src 目录 中 ,涉及 的 JSP 页面 保 存在 工程 
ch9 的 WebContent 目录 中 。 


9.1 表达 式 语言 EL 


EL 是 JSP 2. 0 规范 中 增加 的 , 它 的 基本 语法 如 下 : 

$ {表达 式 } 

EL 表达 式 类 似 于 JSP EA — 9 — XX EL 语句 中 的 表达 式 值 会 被 直接 送 到 
浏览 器 显示 。 通 过 page 指令 的 isELIgnored 属性 来 说 明 是 否 支 持 EL 表达 式 。isELlgnored 属 


性 值 为 false 时 ,JSP 页 面 可 以 使 用 EL 表达 式 ; isELIgnored 属性 值 为 true 时 ,JSP 页 面 不 
能 使 用 EL 表达 式 。isELIgnored 属性 值 默认 为 false。 





9.1.1 核心 知识 


1. EL Ki 

EL 的 语法 简单 ,使 用 方便 。 它 以 ${ 开 始 , 以 } 结 束 。 

D [ ] 与 .运算 符 

EL 使 用 [ ] 和 . 运算 符 来 访问 数据 ,主要 使 用 EL 获取 对 象 的 属性 ,包括 获取 JavaBean 
的 属性 值 ,获取 数组 中 的 元 素 以 及 获取 集合 对 象 中 的 元 素 。 对 于 null 值 直 接 以 空 字符 串 显 
示 ,而 不 是 null, 运 算 时 也 不 会 发 生 错 误 或 空 指针 异常 。 所 以 在 使 用 EL 访问 对 象 的 属性 











o omae 

时 ,不 需要 判断 对 象 是 否 为 null 对 象 。 这 样 就 为 编写 程序 提供 了 方便 。 
CD 获取 JavaBean 的 属性 值 。 假 设 在 JSP 页 面 中 有 以 下 代码 : 
< jsp:getProperty property = "age" nane = "user"/> 

那么 ,可 以 使 用 EL 获取 user 的 属性 age, 代 码 如 下 : 
$ (user. age] 

或 


$ (user["age"]) 


其 中 ,点 运算 符 前 面 为 JavaBean 的 对 象 user, 后 面 为 该 对 象 的 属性 age, 表 示 利 上 


的 getAge() 方 法 取 值 并 显示 在 网 页 上 。 
@ 获取 数组 中 的 元 素 。 假 设 在 JSP 页 面 或 Servlet 中 有 以 下 代码 : 
<% 
String dogs[] = {"1ili", "huahua", "guoguo"] ; 
request. setAttribute( "array", dogs); 
第 > 
那么 ,在 JSP 中 可 以 使 用 EL 取出 数组 中 的 元 素 ,代码 如 下 : 
$ {array[0]} 
$ {array[1]} 


$ {array[2]} 


@ 获取 集合 对 象 中 的 元 素 。 假 设 在 JSP 页 面 或 Servlet 中 有 以 下 代码 : 


<4 
ArrayList < UserBean > users = new ArrayList < UserBean>(); 
UserBean ubl = new UserBean( "zhang", 20); 
UserBean ub2 = new UserBean("zhao", 50); 
users. add(ubl); 
users. add(ub2) ; 
request. sethttribute("array", users); 


5» 

















user 对 象 


其 中 ,UserBean 有 两 个 属性 : name 和 age, 那 么 在 JSP 页 面 中 可 以 使 用 EL 取出 UserBean 


中 的 属性 ,代码 如 下 : 


$ {array[0].name} $ {array[0].age} 
$ (array[1].name] $ {array[1].age} 


2) 算术 运算 符 
在 EL 表达 式 中 有 5 个 算术 运算 符 ,如 表 9. 1 所 示 。 







































































表 9.1 EL 的 算术 运算 符 
算术 运算 符 说 å y m A 结 R 
+ 加 $ (134-2) 15 
- 减 $ {13—2} 11 
* 乘 $ (13 * 2} 26 
/( 或 div) 除 $ (13/2) X $ (13 div 2) 6.5 
% X mod) 取 模 ( 求 余 ) $ (13762) xk $ (13 mod 2) 1 
3) 关系 运算 符 
在 EL 表达 式 中 有 6 个 关系 运算 符 , 如 表 9. 2 所 示 。 
表 9.2 EL 的 关系 运算 符 
关系 运算 符 gd m — 结 R 
= 二 (或 eq) 等 于 $(13 = = 2}3} $ {13 eq 2} false 
! = (3È ne) 不 等 于 $(13 ! = 2} 或 ${13 ne 2} true 
«Ok I0 小 于 $ (13 < 2) 或 $1{13 lt 2} false 
二 (或 gt) 大 于 $ (13 > 2} 或 ${13 gt 2) true 
«OK le) 小 于 等 于 ${13 <= 2} 或 ${13 le 2} false 
二 =( 或 ge) 大 于 等 于 $ (13 >= 2}) 或 $113 ge 2} true 
4) 逻辑 运算 符 
在 EL 表达 式 中 有 3 个 逻辑 运算 符 ,如 表 9. 3 所 示 。 
表 9.3 EL 的 逻辑 运算 符 
逻辑 运算 符 说 明 示 例 结 果 
8. 8. GR and) 逻辑 与 如 果 A 为 true,B 为 false, 则 A && B( 或 A and B) false 
|I Gk or) 逻辑 或 如 果 A 为 true'B 为 false, 则 和 A | | B( 或 AorB) true 
! (或 not) 逻辑 非 如 果 A 为 true, 则 ! ACÈ not A) false 
5) empty 运算 符 
empty 运算 符 用 于 检测 一 个 值 是 否 为 null, 例 如 ,变量 A 不 存在 , 则 $ (empty A} 返 回 
的 结果 为 true。 
6) 条 件 运 算 符 


EL 中 的 条 件 运算 符 是 “? :”, 例 如 , $ {A ? B:C} ,如果 A 为 true, 计 算 B 并 返回 其 结 
果 , 如 果 A 为 false, 计 算 C 并 返回 其 结果 。 
2ELISEXIE 
EL 隐 含 对 象 共 有 11 个 ,这 里 只 介绍 几 个 常用 的 EL 隐 含 对 象 : 即 pageScope, requestScope, 


sessionScope applicationScope param 以 及 paramValues。 


1) 与 作用 范 





围 相 关 的 隐 含 对 象 


与 作用 范围 有 关 的 EL 隐 含 对 象 有 pageScope、requestScope、sessionScope 和 
applicationScope, 分 别 可 以 获取 JSP 隐 含 对 象 pageContext, request, session 和 application 
中 的 数据 。 如 果 在 EL 中 没有 使 用 隐 含 对 象 指定 作用 范围 , 则 会 依次 从 page, request, 





session „application 范围 查找 ,找到 就 直接 返回 ,不 再 继续 查找 下 去 ,如 果 所 有 范围 都 没有 找 
到 ,就 返回 空 字符 串 。 获 取 数据 的 格式 如 下 : 


$ (EL 隐 含 对 象 . 关键 字 对 象 .属性 } 
或 

$ (EL 隐 含 对 象 . 关键 字 对 象 } 
例如 : 


< jsp:useBean id = "user" class = "bean. UserBean" scope = "page"/> 
< jsp:setProperty name = "user" property = "nane" value = "EL 隐 含 对 象 " /> 
name: $ {pageScope. user. name} 


再 如 ,在 JSP 页 面 或 Servlet 中 有 这 样 一 段 话 : 


<% 
ArrayList < UserBean > users = new ArrayList < UserBean»(); 
UserBean ubl = new UserBean("zhang",20); 
UserBean ub2 = new UserBean("zhao", 50); 
users. add(ubl) ; 
users. add(ub2) ; 
request. setAttribute( "array", users); 

x» 


其 中 ,UserBean 有 两 个 属性 : 即 name 和 age, 那 么 在 request 有 效 的 范围 内 可 以 使 用 EL 取 
出 UserBean 的 属性 ,代码 如 下 : 


$ (requestScope.array[0].name) $ {requestScope.array[0].age} 
$ (requestScope.array[1].name) $ {requestScope.array[1].age} 


2) 与 请 求 参数 相关 的 隐 含 对 象 
与 请 求 参数 相关 的 EL 隐 含 对 象 有 param 和 paramValues。 获 取 数 据 的 格式 如 下 : 


$ (EL 隐 含 对 象 .参数 名 } 
比如 input. jsp 的 代码 如 下 : 


< form method = "post" action = "param. jsp"> 
<p> 姓 名 : < input type="text" name = "username" size- "15" /></p> 
<p> 兴 趣 : 
< input type = "checkbox" name = "habit" value = "看 书 "/> 看 书 
< input type = "checkbox" name = "habit" value = " 玩 游戏 "/> 玩 游戏 
< input type = "checkbox" name = "habit" value = "旅游 "人 /> 旅游 
«p» 
< input type = "submit" value = "提交 "/> 
</form> 


那么 ,在 param. jsp 页 面 中 可 以 使 用 EL 获取 参数 值 , 代 码 如 下 : 


<% request. setCharacterEncoding("GBK") ; %> 
< body» 


<h2> EL 隐 含 对 象 param paramValues </h2 > 
姓名 : $ (param. usernane]«/br > 


兴趣 : 


$ {paramValues. habit[0]} 
$ {paramValues. habit[1]} 
$ {paramValues. habit[2]} 





912 能 力 目标 





能 够 灵活 使 用 表达 式 语 言 EL。 








913 任务 驱动 








1. 任务 的 主要 内 容 
编写 一 个 Servlet, ÆI% Servlet 中 使 用 request 对 象 存储 数据 ,然后 从 该 Servlet 转发 到 
show. jsp 页 面 ,在 show. jsp 页 面 中 显示 request 对 象 的 数据 。 首 先 ,运行 Servlet, 在 IE 地 


址 栏 中 输入 


http://localhost :8080/ch9/saveServlet 


程序 运行 结果 如 图 9. 1 所 示 。 


2 任务 的 代 





SS [hpy/ocalhoste080/che/saveSeret 





从 Servlet 转 发 过 来 的 request 内 置 对 象 的 数据 使 用 了 L 隐 含 对 象 取 值 ) 如 下 ， 


zhao 


图 9.1 使 用 EL 内 置 对 象 获取 JSP 内 置 对 象 的 数据 


码 模板 


SaveServlet. java 的 代码 如 下 : 


package servlet; 
import java. io. IOException; 


import javax. 
import javax. 
import javax. 
import javax. 
import javax. 
import javax. 
@WebServlet(name = "saveServlet", urlPatterns 


public class 


servlet. RequestDispatcher; 
servlet. ServletException; 
servlet. annotation. WebServlet; 
servlet. http. HttpServlet; 
servlet. http. HttpServletRequest; 
servlet. http. HttpServletResponse; 


SaveServlet extends HttpServlet { 


= ( "/saveServlet" ]) 


private static final long serialVersionUID - 1L; 
protected void doGet(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
doPost(request, response); 


} 


protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
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那么 


String names[] = ( "zhao", "gian", "sun", "li" }; 

request. sethttribute("name", names); 

RequestDispatcher dis = request.getRequestDispatcher("show. jsp") ; 
dis.forward(request, response); 


) 
show. jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
< head> 
«title» EL 内 置 对 象 </title> 
</head> 
<body> 
从 Servlet 转发 过 来 的 request 内 置 对 象 的 数据 (使 用 EL 隐 含 对 象 取 值 ) 如 下 : <br> 
【代码 1 br> 
【代码 2} br» 
【代码 3 br» 
【代码 4k br > 
</body> 
</html > 


3. 任务 小 结 或 知识 扩展 
EL 中 点 运算 符 (. ) 和 口 运算 符 在 一 些 情况 下 用 法 是 一 样 的 ,总 结 如 下 。 
(OD (. ) 运 算 符 左边 可 以 是 JavaBean 或 map 对 象 。 
(2) [ 门 运算 符 左边 可 以 是 JavaBean, map, JB s list 对 象 。 
使 用 EL 如 何 取得 map 对 象 中 的 值 呢 ? 假设 在 JSP 页 面 中 有 以 下 代码 ; 
<% 
HashMap < String, String > map = new HashMap < String, String >(); 
map. put("fisrt"," 第 一 "); 
map. put("second", "第 二 "); 
request. setAttribute("number", map); 
第 > 


在 页 面 某 处 可 以 使 用 EL 获得 map 中 的 值 ,代码 如 下 : 


$ {number. fisrt} 
$ {number. second} 


$ {number[ "fisrt"]} 
$ {number[ "second" ]) 


4 代码 模板 的 参考 答案 


【代码 1]: $ (requestScope. nane[ 0]) 
【代码 2]: $ (requestScope. nane[1]) 
【代码 3]: $ (requestScope. nane[ 2]) 


xx ES | 


【代码 4]: $ {requestScope. name[ 3]} 





914 实践 环节 
将 本 节 任 务 中 Servlet 的 doPost() 方 法 修改 如 下 : 











protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException { 
//String names[] = ( "zhao", "gian", "sun", "li" ); 
Map < String, String» names = new HashMap < String, String»(); 
names. put("first", "zhao" ); 
names. put("second", "qian" ) ; 


names. put( "third", "sun"); 


names. put("forth", "li"); 

request. setAttribute("name", names); 

RequestDispatcher dis = request. getRequestDispatcher( "show. jsp"); 
dis.forward(request, response); 


) 
请 修改 show. jsp, 显 示 map 中 的 数据 。 


9.2 JSP 标准 标签 库 JSTL 


JSTL 规范 由 Sun 公司 制定 ,Apache 的 Jakarta 小 组 负责 实现 。 在 写作 本 书 时 ,JSTL 
的 最 新 版 本 是 JSTL 1. 2。JSTL 标准 标签 库 由 5 个 不 同 功能 的 标签 库 组 成 ,包括 Core, 
II8N,XML,SQL 以 及 Functions, 本 书 只 简要 介绍 JSTL 的 Core 标签 库 中 几 个 常用 标签 。 


921 核心 知识 


1 配置 JSTL 

JSTL 1.2 现在 已 经 是 Java EE5 的 一 个 组 成 部 分 ,如 果 采 用 支持 Java EE5 或 Java EEG 
的 集成 开发 环境 开发 Web 应 用 程序 ,就 不 需要 再 配置 JSTL。 但 本 书 采用 的 是 Eclipse 平 
台 , 因 此 需要 配置 JSTL。 配 置 JSTL 的 步骤 如 下 。 

1) 复制 JSTL 的 标准 实现 

在 Tomcat 的 \webapps\examples\WEB-INF\lib 目录 下 ,找到 jstl. jar 和 standard. jar 
文件 ,然后 复制 到 Web 工程 的 WEB-INFNlib 目录 下 。 

2) 使 用 taglib 标记 定义 前 组 与 uri 引用 

在 JSP 页 面 中 使 用 taglib 标记 定义 前 组 与 uri 引用 ,代码 如 下 : 














<%@ taglib prefix- "c" uri= "http://java. sun. com/jsp/jstl/core" %> 


2 核心 标签 库 的 通用 标签 
1) c:out 标签 
c:out 用 来 显示 数据 的 内 容 , 与 二 % 二 表达 式 % 或 $ {表达 式 } 类 似 。 格 式 如 下 : 


<c:out value = "输出 的 内 容 " [default = "defaultValue" ]/> 
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<c:out value = "输出 的 内 容 "> 
defaultValue 
</c:out> 


其 中 ,value 值 可 以 是 一 个 EL 表达 式 , 也 可 以 是 一 个 字符 串 ; default 可 有 可 无 , 当 value 值 
不 存在 时 ,就 输出 defaultValue。 例 如 : 

«c:out value= " $ (paran. data]" default = "没有 数据 " /> 

<br> 

<c:out value = " $ (paran. nothing)" /> 


<br> 


<c:out value = "这 是 一 个 字符 串 ” /> 
输出 的 结果 如 图 9. 2 所 示 。 
地 E P [http//localhost8080/ch9/coutjsp 
没有 数据 
这 是 一 个 字符 串 





图 9.2 c:out 标 签 


2) c:set 标签 
O 设置 作用 域 变量 。 可 以 使 用 c:set 在 page, request, session, application 等 范围 内 设 
置 一 个 变量 。 格 式 如 下 : 


«c:set value = "value" var = "varName" [scope = "page|request|session|application"]/> 
将 value 值 赋值 给 变量 varName。 例 如 : 

«c:set value = "zhao" var = "userName" scope = "session"/> 
相当 于 

<% session.setAttribute("userName","zhao"); %> 


© 设置 JavaBean 的 属性 。 使 用 c: set 设置 JavaBean 的 属性 时 ,必须 使 用 target 属性 
进行 设置 。 格 式 如 下 : 
«c:set value = "value" target = "target" property = "propertyName" /» 


将 value 赋值 给 target 对 象 (JaveBean X1 $8) 的 propertyName 属性 。 如 果 target 为 null 或 
没有 set 方法 则 抛 出 异常 。 

3) c:remove 标签 

如 果 要 删除 某 个 变量 , 则 可 以 使 用 c:remove 标签 。 例 如 : 

< c:remove var = "userName" scope = "session"/> 


相当 于 


<% session.removeAttribute("userName") %> 





3 核心 标签 库 的 流程 控制 标签 

D eif bic 

c: 让 标签 实现 if 语句 的 作用 ,具体 语法 格式 如 下 : 

«cif test = "条 件 表达 式 "> 

主体 内 容 

</c:if> 
其 中 ,条 件 表达 式 可 以 是 EL 表达 式 , 也 可 以 是 JSP 表达 式 。 如 果 表 达 式 的 值 为 true, 则 会 
执行 cif 的 主体 内 容 ,但 是 没有 相对 应 的 celse 标签 。 如 果 想 在 条 件 成 立时 执行 一 块 内 容 ， 
不 成 立时 执行 另 一 块 内 容 , 则 可 以 使 用 c;choose、c:when 及 c:otherwise 标签 。 

2) eichoose,c:when 及 c:otherwise 标签 

c:choose,c: when 及 c:otherwise 标签 实现 if/elseif/else 语句 的 作用 。 具 体 语法 格式 
如 下 : 





<c:choose> 
<c:when test = "条 件 表达 式 1"> 
主体 内 容 1 
</c:when> 
<c:when test = "条 件 表达 式 2"> 
主体 内 容 2 
</c:when> 
<c:otherwise> 
表达 式 都 不 正确 时 ,执行 的 主体 内 容 
</c:otherwise> 
</c:choose> 


【 例 9.1】 编写 一 个 JSP 页 面 ifelse. jsp, 在 该 页 面 中 使 用 c:set 标签 把 两 个 字符 串 设 置 
H request 范围 内 的 变量 。 使 用 c:if 标签 求 出 这 两 个 字符 串 的 最 大 值 ( 按 字典 顺序 比较 大 
小 ) ,使 用 cichoose,c: when X c:otherwise 标签 求 出 这 两 个 字符 串 的 最 小 值 。 

例 9. 1 页 面 文件 ifelse. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<%@ taglib prefix- "c" uri = "http://java. sun. com/jsp/jstl/core" %> 
<html> 
<head> 
<title> ifelse. jsp </title> 
</head> 
<body> 
<c:set value = "if" var = "firstNumber" scope = "request" /> 
<c:set value = "else" var = "secondNumber" scope = "request" /> 
<c:if test =" $ {firstNumber > secondNumber}"> 
最 大 值 为 $ {firstNumber} 
</c:if> 
Xc:if test =" $ {firstNumber < secondNumber} "> 
最 大 值 为 $ {secondNumber} 
</c:if> 
<c:choose> 





« c:when test = " $ (firstNumber < secondNunber] "» 
最 小 值 为 $ {firstNumber} 

</c:when> 

<c:otherwise> 
最 小 值 为 $ {secondNumber} 

</c:otherwise> 

</c:choose> 
</body> 
</html > 


ciwhen X c:otherwise 必须 放 在 c:choose 中 。 当 c:when 的 test 结果 为 true 时 ,会 输出 
c:when 的 主体 内 容 , 而 不 理会 c:otherwise 的 内 容 。c:choose 中 可 有 多 个 c:when, 程 序 会 从 
上 到 下 进行 条 件 判断 ,如 果 有 一 个 c:when 的 test 结果 为 true, 就 输出 其 主体 内 容 , 之 后 的 
c:when 就 不 再 执行 。 如 果 所 有 的 c:when 的 test 结果 都 为 false, 则 会 输出 c:otherwise 的 
WA. cif 5j c:choose 也 可 以 嵌 套 使 用 ,例如 : 


«c:set value = "fda" var = "firstNumber" scope = "request"/> 
«c:set value = "else" var = "secondNumber" scope = "request" /» 
«c:set value = "ddd" var = "threeNunber" scope = "request" /> 
«c:if test =" $ (firstNunber > secondNunber] "> 


< c:choose? 
€ c:when test = " $ (firstNunber < threeNunber ) "> 
最 大 值 为 $ (threeNunber] 
</c:when> 


<c:otherwise> 
最 大 值 为 $ {firstNumber} 
</c:otherwise> 
</c:choose> 
<Je:if> 
«c:if test= "5 {secondNumber > firstNumber}"> 
<c:choose> 
<c:when test = " $ {secondNumber < threeNumber}"> 
最 大 值 为 $ {threeNumber} 
</c:when> 
<c:otherwise> 
最 大 值 为 $ {secondNumber} 
</c:otherwise> 
</c:choose> 
</c:if> 


4 核心 标签 库 的 迭代 标签 

1) c:forEach 标签 

c:forEach 标签 可 以 实现 程序 中 的 for 循环 。 语 法 格式 如 下 : 
«c:forEach var = "变量 名 "items = "数组 或 collection 对 象 "> 


循环 体 
</c:forEach> 


sos ES 





其 中 ,items 属性 可 以 是 数组 或 collection 对 象 ,每 次 循环 读 取 对 象 中 的 一 个 元 素 ,并 赋值 给 
var 属性 指定 的 变量 ,之 后 就 可 以 在 循环 体 使 用 var 指定 的 变量 获取 对 象 的 元 素 。 例 如 ,在 
JSP 页 面 或 Servlet 中 有 以 下 代码 : 


<% 
ArrayList < UserBean> users = new ArrayList < UserBean>(); 
UserBean ubl = new UserBean("zhao",20); 
UserBean ub2 = new UserBean("qian", 40); 
UserBean ub3 = new UserBean( "sun", 60); 
UserBean ub4 = new UserBean("li",80); 
users. add(ub1); 
users. add(ub2) ; 
users. add(ub3) ; 
users. add(ub4) ; 
request. setAttribute("usersKey", users); 

$> 


那么 ,在 JSP 页 面 中 可 以 使 用 c:forEach 循环 遍历 出 数组 中 的 元 素 。 代 码 如 下 : 


<table> 
<tr> 
<th> 姓 名 </th> 
<th> 年 龄 </th> 
</tr> 
<c:forEach var = "user" items =" $ (requestScope. usersKey}"> 
<tr> 
« td» $ (user. name}</td> 
« td» $ (user. age)«/td» 
</tr> 
«/c:forEach» 
</table> 


有 些 情况 下 ,需要 为 c:forEach 标签 指定 begin, end, step 和 varStatus 属性 。begin 为 
迭代 时 的 开始 位 置 ,默认 值 为 0; end 为 迭代 时 的 结束 位 置 ,默认 值 是 最 后 一 个 元 素 ; step 
为 迭代 步 长 ,默认 值 为 1; varStatus 代表 和 迭代 变量 的 状态 ,包括 count( 和 迭代 的 次 数 ) index 
(当前 迭代 的 索引 ,第 一 个 索引 为 0) \first( 是 否 是 第 一 个 迭代 对 象 ) 和 last( 是 否 是 最 后 一 个 
和 迭代 对 象 ) pln. 


< table border = 1 > 
«tr» 
«th» Value «/th» 
«th» Square «/th» 
«th» Index «/th» 
</tr> 
<c:forEach var = "x" varStatus = "status" begin = "0" end- "10" step = "2"> 
<tr> 
«td» $ {x}</td> 
«td»$ (x * x]«/td» 
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« td» $ (status. index}</td> 
</tr> 
</c:forEach> 
</table> 
上 述 程序 运行 结果 如 图 9. 3 所 示 。 
— Æ Ê [http//localhost8080/ch9/cforeachjsp 
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图 9.3 c:forEach 标签 


2) c:forTokens 标签 

c:forTokens 用 于 和 迭代 字符 串 中 由 分 隔 符 分 隔 的 各 成 员 , 它 通 过 java. util. 
StringTokenizer 实例 来 完成 字符 串 的 分 隔 ,属性 items 和 delims 作为 构造 StringTokenizer 
实例 的 参数 。 语 法 格式 如 下 : 

«c:forTokens var = "变量 名 " items = "要 和 迭代 的 String 对 象 " delims = "指定 分 隔 字符 串 的 分 隔 

符 "> 

循环 体 
</c:forTokens > 


例如 : 


< c:forTokens items = "chenhengl:chenheng2:chenheng3" delims =":" var = "name"> 
$ (nane]« br» 
«/c:forTokens > 


上 述 程序 运行 结果 如 图 9.4 所 示 。 


E P |hapy/localhost8080/ch9/NewFilejsp 





9.4 ciforTokens 标签 


ciforTokens 标签 与 c:forEach 标签 一 样 ,也 有 begin, end, step 和 varStatus 属性 ,并且 
用 法 一 样 ,这 里 不 再 歼 述 。 


922 能 力 目标 
能 够 灵活 使 用 JSTL 核心 标签 库 。 




















923 任务 驱动 


1 任务 的 主要 内 容 
首先 ,在 outEven. jsp 页 面 中 有 以 下 代码 : 











<% 
ArrayList < UserBean > users = new ArrayList < UserBean>(); 
UserBean ubl = new UserBean("zhao",20); 
UserBean ub2 = new UserBean("qian", 40); 
UserBean ub3 = new UserBean( "sun", 60); 
UserBean ub4 = new UserBean("li",80); 
users. add(ubl); 
users. add(ub2) ; 
users. add(ub3) ; 
users. add(ub4) ; 
request. setAttribute("usersKey", users); 

5» 


其 次 ,在 该 JSP 页 面 中 使 用 c: forEach 循环 遍历 出 数组 users 中 下 标 为 偶数 的 元 素 ( 即 
zhao sun)。 页 面 运行 效果 如 图 9. 5 所 示 。 


Æ P |http/localhost8080/ch9/outEvenjsp 
姓名 年 龄 


zhao 20 
sun 60 


图 9.5 使 用 c:forEach 输出 下 标 为 偶数 的 元 素 


2 任务 的 代码 模板 
outEven. jsp 的 代码 模板 如 下 : 


<% (à page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% (à taglib prefi uri = "http: // java. sun. con/ jsp/ jstl/core" %> 
<% @ page import = "bean. UserBean" €» 
<% (à page import = "java. util. * "$> 
<html> 
X head» 
«title» outEven. jsp «/title^ 
</head> 
< body> 
<% 
ArrayList < UserBean > users = new ArrayList < UserBean>(); 
UserBean ubl = new UserBean("zhao",20); 
UserBean ub2 = new UserBean("qgian",40); 
UserBean ub3 = new UserBean("sun",60); 
UserBean ub4 = new UserBean("li",80); 
users. add(ubl); 
users. add(ub2) ; 
users. add(ub3) ; 
users. add(ub4) ; 
request. sethttribute("usersKey", users); 












5» 


«table» 
«tr» 
<th> 姓 名 </th> 
<th> 年 龄 </th> 
</tr> 
【代码 1K! 一 使 用 forEach 标签 -一 > 
<> 


< td» $ (user. name}</td> 
« td» $ (user. age]«/td » 
</tr> 
RE 2] 
</table> 
</body> 
</html> 


3 任务 小 结 或 知识 扩展 


csforEach 标签 是 JSTL 中 非常 重要 的 一 个 迭代 标签 , 它 类 似 于 Java 语言 的 for 循环 


语句 。 
4 代码 模板 的 参考 答案 


【代码 1]: «c:forEach var = "user" items =" $ {requestScope. usersKey}" step- " 


【代码 2]: «/c:forEach» 





924 实践 环节 











编写 一 个 JSP 页 面 ,在 该 页 面 中 使 用 c:forEach 标签 输出 九 九 乘法 表 。 页 面 运行 效果 


如 图 9.6 所 示 。 


2"> 
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9*1=99*2= 189 * 3 = 279 + 4 = 369 * 5 = 459*6= 549 * 7 = 639 * 8 = 72 
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9.6 使 用 c:forEach 打印 九 九 乘法 表 


9.3 小 结 


本 章 重 点 介绍 了 EL 表达 式 和 JSTL 核心 标签 库 的 用 法 。EL 与 JSTL 的 应 用 大 大 提高 


了 编程 效率 ,并 且 降 低 了 维护 难度 。 











习 题 9 


1. 在 Web 应 用 程序 中 有 以 下 程序 代码 段 ,执行 后 转发 到 某 个 JSP 页面 : 


ArrayList < String» dogNames = new ArrayList < String»(); 
dogNanes. add( " goodDog" ) ; 
request. setAttribute("dogs", dogNames); 
以 下 ( ”) 选 项 可 以 正确 地 使 用 EL 取得 数组 中 的 值 。 
. ${ dogs .0} 
. ${ dogs [0]) 
. ${ dogs .[0]) 
. $1 dogs "0"} 
)JSTL 标签 可 以 实现 Java 程序 中 的 if DE 
.<e:set> 
.<c:out> 
. <e:forEach> 
«cif 
) 不 是 EL 的 隐 含 对 象 。 


. request 


w > 


. pageScope 


人 


. sessionScope 


2 


. applicationScope 
)JSTL 标签 可 以 实现 Java 程序 中 的 for 语句 功能 。 
RSet 
. VCeiout 2 
C. <e:forEach> 
D. <c:if> 


要 p» 








在 JSP 应 用 程序 中 实现 文件 上 传 有 两 种 常见 的 组 件 : jspsmart 组 件 和 commons- 
fileupload 组 件 , 但 在 本 章 介绍 的 是 基于 Servlet 3. 0 的 文件 上 传 。 

本 章 涉及 的 Java 源 文件 保存 在 工程 ch10 的 src 中 ,涉及 的 JSP 页 面 保存 在 工程 ch10 
的 WebContent 中 。 


10.1 AT Servlet 3. 0 的 文件 上 传 


文件 的 上 传 与 下 载 在 Web 应 用 程序 中 是 很 常见 的 功能 。 例 如 ,在 OA 办 公 系 统 中 ,用 
户 可 以 使 用 文件 上 传 来 提交 公文 。 


10.1.1 核心 知识 


1 基于 表单 的 文件 上 传 
表单 元 素 : <input type= "file" 过 ,在 浏览 器 中 会 显示 一 个 输入 框 和 一 个 按钮 ,输入 框 
可 供用 户 填 写本 地 文件 的 文件 名 和 路 径 名 ,按钮 可 以 让 浏览 器 打开 一 个 文件 选择 框 供用 户 
选择 文件 。 
文件 上 传 的 表单 例子 如 下 : 
< form action = "upload" method = "post" enctype = "multipart/form- data"> 
< input type = "file" name = "headImage">< br > 
< input type = "submit" value = "上 传 "> 
</form> 
基于 表单 的 文件 上 传 , 不 要 忘记 使 用 enctype 属性 ,并 将 它 的 值 设 置 为 multipart/form- 
data。 同 时 ,表单 的 提交 方式 设置 为 post。 


2 基于 Senet 30 的 文件 上 传 
Servlet 3. 0 之 前 的 版 本 不 能 直接 支持 文件 上 传 ,需要 使 用 第 三 方 框架 来 实现 ,而 且 使 
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用 起 来 也 不 够 简单 。Servlet 3. 0 已 经 提供 了 这 个 功能 ,而 且 使 用 也 非常 简单 。 


让 Servlet 支持 文件 上 传 , 需 要 做 以 下 两 件 事 情 。 

(D 给 Servlet 添加 @MultipartConfig 注解 。 

@ 从 HttpServletRequest 对 象 中 获取 Part 文件 对 象 。 

1) @ MultipartConfig 注解 

@MultipartConfig 注解 主要 是 为 了 辅助 Servlet 3. 0 中 HttpServletRequest 提供 对 上 


传 文件 的 支持 。 该 注解 标注 在 Servlet 上 面 ,以 表示 该 Servlet 希望 处 理 的 请 求 的 MIME 类 
型 是 multipart/form-data。 另 外 , 它 还 提供 了 若干 属性 用 于 简化 对 上 传 文件 的 处 理 。 该 注 


解 的 


常用 属性 如 表 10. 1 所 示 。 
表 10.1 @MoultipartConfig 常用 属性 











属性 名 类 型 | 是 否 可 选 描 R 
指定 上 传 文件 存放 的 目录 。 当 指定 了 location 后 ,在 调用 Part 
人 String 是 的 writeCString fileName) 方 法 把 文件 写 和 磁盘 时 ,文件 名 称 可 
以 不 用 带路 径 , 但 是 如 果 fileName 带 了 绝对 路 径 , 那 将 以 
fileName 所 带路 径 为 准 把 文件 写 人 磁盘 
IL 指定 上 传 文件 的 最 大 值 ,单位 是 字 节 。 默 认 值 为 一 1, 表 示 没 有 
maxFileSize long 是 限制 
i 指定 上 传 文件 的 个 数 , 应 用 在 多 文件 上 传 。 默 认 值 为 一 1, 表 示 
maxRequestSize | long 是 没有 限制 


上 面 


中 可 











注意 : 即使 没有 使 用 @ MultipartConfig 注解 设置 属性 ,也 要 把 该 注解 加 到 Servlet 的 
2) Part 接口 

每 一 个 文件 用 一 个 javax. servlet. http. Part 对 象 来 表示 。 单 个 文件 上 传 时 ,在 Servlet 
以 通过 HttpServletRequest 的 对 象 request 调用 方法 getPart(String name) 获 得 Part 


文件 对 象 。 其 中 ,参数 name 为 文件 域 的 名 称 。 例 如 : 


Part photo = request. getPart("resPath"); 


多 文件 上 传 时 ,在 Servlet 中 可 以 通过 HttpServletRequest 的 对 象 request 调用 方法 


getParts() 获 得 Part 文件 对 象 集合 。 例 如 : 


Collection < Part > photos = request. getParts(); 
Part 接口 的 常用 方法 如 表 10. 2 所 示 。 
10.2 Part 接口 的 常用 方法 











序号 方 法 功能 说 明 
1 void delete() 删除 任何 相关 的 临时 磁盘 文件 
2 String getContentType() 获得 客户 端 浏览 器 设置 的 文件 数据 项 的 MIME 类 型 
获得 指定 的 part 头 的 一 个 字符 串 。 例如, getHeader 
3 String getHeader(String name) ("content-disposition") 3& 回 form-data; name — " xxx"; 
filename " xxx" 











续 表 




















序号 方 法 功能 说 明 
4 InputStream getInputStream( ) 获得 一 个 输入 流 , 通 过 这 个 输入 流 来 读 取 文件 的 内 容 
5 String getName( ) 获得 表单 文件 域 的 名 称 
6 long getSize( ) 获得 文件 的 大 小 
7 void write(String fileName) 将 文件 上 传 到 fileName 指定 的 目录 里 


Servlet 3. 0 规范 中 不 提供 获取 上 传 文件 名 的 方法 ,但 可 以 通过 Part 对 象 调用 
getHeader(" content-disposition") 方 法 间接 获取 。 根据 Part 对 象 获取 文件 名 的 方法 
getFileName(Part part) 在 本 章 工具 类 MyUtil 中 。 

本 章 工 具 类 MyUtil. java 的 代码 如 下 : 


package util; 
import java. io. UnsupportedEncodingException; 
import java. text. SimpleDateFormat; 
import java. util. Date; 
import javax. servlet. http. Part; 
public class MyUtil ( 
// 主 键 产生 器 
public static String getStringID(){ 
String id = null; 
Date date = new Date( ); 
SimpleDateFormat sdf = new SimpleDateFormat(" yyyyMMddHEmnssSSS" ) ; 
id= sdf. format(date); 
return id; 
} 
// 中 文 文件 名 字符 编码 转换 方法 
public static String toUTF8String(String str)( 
StringBuffer sb - new StringBuffer(); 
intlen - str.length(); 
for(int i = 0; i< len; i++){ 
// 取 出 字符 中 的 每 个 字符 
char c = str.charAt(i); 
/ / Unicode 码 值 在 0 一 255, 不 作 处 理 
if(c>= 0&&c«- 255){ 
sb. append(c) ; 
}else{// 转 换 UTF - 8 编码 
byte b[ ] 
try { 
b = Character. toString(c).getBytes("UTF - 8"); 
) catch (UnsupportedEncodingException e) { 
e. printStackTrace() ; 
b = null; 
) 
// 转 换 为 $HH 的 字符 串 形 式 
for(int j = 0; j< b. length; j ++){ 
intk - b[j]; 
if(k«0)( 
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) 
Sb.append(" % ”+ Integer. toHexString(k). toUpperCase()) ; 


} 
} 
return sb. toString(); 
1 
// 从 Part 中 获得 原始 文件 名 
public static String getFileName(Part part){ 
if(part == null) 
return null; 
//fileName 形式 为 : form- data; name = "resPath"; filename = "20140920 110531. jpg" 
String fileName = part.getHeader("content - disposition"); 
// 没 有 选择 文件 
if(fileName.lastIndexOf(" = ") + 2 == fileName.length() - 1) 
return null; 
return fileName. substring(fileName.lastIndexOf(" -") + 2, fileName.length() - 1); 


) 
101.2 能 力 目 标 
掌握 基于 Servlet 3. 0 的 文件 上 传 方法 。 
101.3 任务 驱动 




















任务 1. 单个 文件 上 传 


1) 任务 的 主要 内 容 

编写 一 个 页 面 uploadHttpOne. jsp, 在 页 面 中 选择 文件 提交 给 urlPatterns 为 {"/ upload 
HttpOneServet "ff servlet 对 象 (由 UploadHttpOneServet 类 负责 创建 )。 在 Servlet 中 进 
行 单个 文件 上 传 。 页 面 uploadHttpOne. jsp 的 运行 效果 如 图 10. 1 所 示 。 





= = Æ Ê [http//localhost8080/ch10/uploadHttpOne jsp 


文件 描述 ， [Serviet3.0 上 传 方便 
请 选择 文件 ， [CaNsars\ehenDesktop| 388... | 
xm || 上 传 | 
































图 10.1 uploadHttpOne. jsp 的 运行 效果 


2) 任务 的 代码 模板 
页 面 文件 uploadHttpOne. jsp 的 代码 模板 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head > 
<title> HttpServletRequest 对 文件 上 传 的 支持 </title> 
</head> 





wr < body> 
< form action = "uploadHttpOneServet" method = "post" 【代码 1] > 
«table» 
<tr> 
<td> 文 件 描述 : </td> 
<td>< input type = "text" name = "filediscription"></td> 
</tr> 
<tr> 
<td> 请 选择 文件 : </td> 
<td>< input【 代 码 2] name = "resPath"></td> 
</tr> 
<tr> 
<td align = "right">< input type = "reset" value = " 重 填 "></td> 
<td>< input type = "submit" value = "上 传 "></td> 
</tr> 
</table> 
</form> 
</body> 
</html> 


uploadHttpOneServet. java 的 代码 模板 如 下 : 


package servlet; 
import java. io. File; 
import java. io. IOException; 
import java. io. PrintWriter; 
import javax. servlet. ServletException; 
import javax. servlet. annotation. MultipartConf ig; 
import javax. servlet. annotation. WebServlet; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet, http. HttpServletResponse; 
import javax. servlet. http. Part; 
import util.MyUtil; 
(UWebServlet(name = "uploadHttpOneServet", urlPatterns = ( "/uploadHttpOneServet" ]) 
(GMultipartConfig(maxFileSize = 10 * 1024 * 1024)// 设 置 上 传 文件 的 最 大 值 为 10MB 
public class UploadHttpOneServet extends HttpServlet { 
private static final long serialVersionUID - 1L; 
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws 
ServletException, IOException ( 
doPost(request, response); 
} 
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws 
ServletException, IOException ( 
// 设 置 响应 的 内 容 类 型 
response. setContentType( "text/html;charset = utf - 8"); 
// 取 得 输出 对 象 
PrintWriter out = response. getWriter( ) ; 
request. setCharacterEncoding( "GBK" ) ; 
// 获 得 part 对 象 
Part part =【 代 码 3] 
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String filediscription = request. getParameter("filediscription"); bod 
out. println(" 输 入 的 文件 描述 : ”+ filediscription + "«br»"); 

// 指 定 上 传 的 文件 保存 到 服务 器 的 uploadFiles 目录 中 
File uploadFileDir = new File(getServletContext().getRealPath("/uploadFiles")); 
if(!uploadFileDir. exists()){ 

uploadFileDir. nkdir(); 


} 
// 获 得 原始 文件 名 
String oldName = MyUtil.getFileName(part); 
out.println(" 上 传 文件 的 原始 名 : "+ oldName + "«br»"); 
out.println(" 上 传 文件 的 大 小 : " + part.getSize() + "«br»"); 
if(oldName != null)( 
// 上 传 到 服务 器 的 uploadFiles 目录 中 
part. write(uploadFileDir + File. separator + oldName); 
} 
out.println(" 文 件 上 传 到 : " + uploadFileDir + File. separator + oldName + "< br>"); 


) 
upload HttpOneServet. java 的 响应 结果 如 图 10. 2 所 示 。 


3 C D localhost:8080/ch10/uploadHttpOneServet 


输入 的 文件 描述 ， ue 0 上 传 方便 
上 传 文件 的 原始 名 ，ARS-- 陈 恒 , pptx 
上 传 文件 的 大 小 ; boda 
文件 上 传 到 ，D:\JSP workspace\. metadata). plugins\org. eclipse. wst, server. core 





H 10. 2 uploadHttpOneServet 的 响应 结果 


3) 任务 小 结 或 知识 扩展 

需要 特别 注意 的 是 ,使 用 Eclipse IDE 内 内 的 浏览 器 上 传 文件 时 可 能 会 出 现 
FileNotFoundException 异常 。 这 时 使 用 常规 浏览 器 (如 谷歌 浏览 器 ) 上 传 文件 即 可 。 

4) 代码 模板 的 参考 答案 

【代码 1]: enctype = "nultipart/forn-data" 


【代码 2]: type = "file" 
【代码 3]: request. getPart("resPath"); 


任务 2: 多 文件 上 传 


1) 任务 的 主要 内 容 

编写 uploadHttpMulti. jsp 页 面 ,在 页 面 中 选择 多 个 文件 提交 给 urlPatterns 为 {"/ upload- 
HttpMultiServet "} 的 servlet 对 象 (由 UploadHttpMultiServet 类 负责 创建 ) 。 在 Servlet 中 
进行 多 文件 上 传 。 页 面 uploadHttpMulti. jsp 的 运行 效果 如 图 10. 3 所 示 。 

2) 任务 的 代码 模板 

页 面 文件 uploadHttpMulti. jsp 的 代码 模板 如 下 : 

<% (8 page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 

<html> 


< head» 
« title» HttpServletRequest 对 文件 上 传 的 支持 </title> 





</head> 
< body> 


< form action = "uploadHttpMultiServet" method = "post" enctype = "multipart/form- data"> 
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文件 1 描述 ， 
请 选择 文件 1: 
文件 2 描述 ， 
请 选择 文件 2: 





文件 1 





C:\Users\chen\Desktop 








文件 2 





HA... 


C-\sers\chen\Desktop| HA... | 





| $5 








ri 








图 10.3 uploadHttpMulti. jsp 页 面 的 运行 效果 


<table> 
<tr> 


<td> 文 件 1 描述 : </td> 
<td>< input type = "text" name = 


</tr> 
<tr> 


<td> 请 选择 文件 1: </td> 
<td>< input type = "file" name = "resPathl"»«/td» 


</tr> 
<tr> 


<td> 文 件 2 描述 : </td> 
<td>< input type = "text" name = "filediscription2"></td> 


</tr> 
<tr> 


<td> 请 选择 文件 2: </td> 
<td>< input type = "file" name = "resPath2"></td> 


</tr> 
<tr> 


<td align = "right">< input type= "reset" value= " 重 填 "></td> 


"filediscriptionl"»«/td» 


« td»« input type = "submit" value = "上 传 "></td> 


</tr> 
</table> 


</form> 


</body> 
</html> 


uploadHttpMultiServet. java 的 代码 模板 如 下 : 


package servlet; 

import java. io. File; 

import java. io. IOException; 
import java. io.PrintWriter; 


import java. util. Collection; 
servlet.ServletException; 
servlet. annotation. MultipartConfig; 


import javax. 
import javax. 
import javax. 
import javax. 
import javax. 
import javax. 


servlet. annotation. WebServlet; 
servlet. http. HttpServlet; 
servlet. http. HttpServletRequest; 
servlet. http. HttpServletResponse; 
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import javax. servlet. http. Part; 
import util.MyUtil; 
(WebServlet(name = "uploadHttpMultiServet", urlPatterns = ( "/uploadHttpMultiServet" ]) 
(QMultipartConfig 
public class UploadHttpMultiServet extends HttpServlet ( 
private static final long serialVersionUID = 1L; 
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws 
ServletException, IOException { 
doPost(request, response); 
} 
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws 
ServletException, IOException { 
// 设 置 响应 的 内 容 类 型 
response. setContentType(" text/htnl;charset = utf - 8"); 
// 取 得 输出 对 象 
PrintWriter out = response. getWriter( ) ; 
request. setCharacterEncoding("GBK" ) ; 
String filediscriptionl = request.getParameter("filediscriptionl"); 
out. println(" 输 入 的 文件 1 描述 : " + filediscriptionl + "«br»"); 
String filediscription2 = request. getParameter("filediscription2"); 
out. println(" 输 入 的 文件 2 描述 : " + filediscription2 + "«br»"); 
// 指 定 上 传 的 文件 保存 到 服务 器 的 uploadFiles 目录 中 
File uploadFileDir = new File(getServletContext().getRealPath("/uploadFiles")); 
if('uploadFileDir. exists())( 
uploadFileDir.mkdir(); 
} 
// 获 得 Pact 集合 
Collection< Part > parts =【 代 码 1】 
for (Part part : parts) { 


// 没 有 选择 文件 或 不 是 文件 域 

if (part == null || !part.getName().contains("resPat")) ( 
continue; 

} 

// 获 得 原始 文件 名 


String oldName = MyUtil.getFileNane(part); 
out. println(" 上 传 文件 的 原始 名 : ”+ oldName + "«br»"); 
out.println(" 上 传 文件 的 大 小 : " + part.getSize() + "<br>"); 
if(oldName != null)( 
// 上 传 到 服务 器 的 uploadFiles 目录 中 
part.write(uploadFileDir + File.separator + oldName); 
} 
out.println(" 文 件 上 传 到 : " + uploadFileDir + File. separator + oldName + "< br>"); 
) 


) 

uploadHttpMultiServet. java 的 响应 结果 如 图 10. 4 所 示 。 

3) 任务 小 结 或 知识 扩展 

上 传 多 个 文件 实际 上 只 是 迭代 上 传单 个 文件 而 已 ,与 单个 文件 上 传 没 有 本 质 区 别 。 





1 


m) 


€ 3 © |D localhost8080/ch10/uploadHttpMultiservet 
FA THU 文件 1 





文件 2 描述 ， 文 件 2 
上 传 文件 的 原始 名 ， Md 1.0. pptx 
A es 
RAEES.: D: T eei metadata. pluginsVorg. eclipse. wst. server. core 


EA ALS20160906-1. 2. pptx 
上 传 文件 的 大 小 : 1770581 


文件 上 传 到 ，D:NJSP workspace. metadata\. plugins\org. eclipse. wst. server. core" 
图 10.4  uploadHttpMultiServet 的 响应 结果 
4) 代码 模板 的 参考 答案 


【代码 1]: request. getParts() ; 





1014 实践 环节 
尝试 使 用 jspsmart 或 commons-fileupload 组 件 进行 文件 上 传 。 


10.2 文件 的 下 载 














1021 核心 知识 


实现 文件 下 载 经 常 有 两 种 方法 : 一 是 通过 超 链接 实现 下 载 ; 二 是 利用 程序 编码 实现 下 
载 。 超 链接 实现 下 载 固 然 简单 ,但 暴露 了 下 载 文件 的 真实 位 置 ,并 且 只 能 下 载 存 放 在 Web 
应 用 程序 所 在 的 目录 下 的 文件 。 利 用 程序 编码 实现 下 载 , 可 以 增加 安全 访问 控制 ,还 可 以 从 
任意 位 置 提供 下 载 的 数据 ,可 以 将 文件 存放 到 Web 应 用 程序 以 外 的 目录 中 ,也 可 以 将 文件 
保存 到 数据 库 中 。 

利用 程序 实现 下 载 需要 设置 以 下 两 个 报头 。 

(1) Web 服务 器 需要 告诉 浏览 器 其 所 输出 内 容 的 类 型 不 是 普通 文本 文件 或 HTML X 
件 , 而 是 一 个 要 保存 到 本 地 的 下 载 文件 。 设 置 Content-Type 的 值 为 application/x- 
msdownload 。 

(2) Web 服务 器 希望 浏览 器 不 直接 处 理 相应 的 实体 内 容 , 而 是 由 用 户 选择 将 相应 的 实 
体内 容 保存 到 一 个 文件 中 ,这 需要 设置 Content-Disposition 报头 。 该 报头 指定 了 接收 程序 
处 理 数 据 内 容 的 方式 ,在 HTTP 应 用 中 只 有 attachment 是 标准 方式 ,attachment 表示 要 求 
用 户 干预 。 在 attachment 后 面 还 可 以 指定 filename 参数 ,该 参数 是 服务 器 建议 浏览 器 将 实 
体内 容 保存 到 文件 中 的 文件 名 称 。 

设置 报头 的 示例 如 下 : 


response. setHeader("Content - Type", "application/x- msdownload" ); 
response. setHeader("Content - Disposition", "attachment; filename =" + filename); 
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1023 任务 驱动 


下 面 通过 一 个 实例 讲述 利用 程序 实现 下 载 的 过 程 。 

该 实例 要 求 文件 上 传 到 D:\uploadFile 目录 后 ,把 文件 名 保存 到 数据 库 中 ,然后 根据 数 
据 库 中 的 文件 名 从 D:\uploadFile 目录 中 下 载 文件 。 首 先 运行 uploadCourse. jsp 页 面 , 具 
体 开发 步骤 如 下 。 

CD 创建 数据 表 coursetable( 数 据 库 软件 为 Oracle 10g). 








drop table coursetable; 
create table coursetable ( 

courseID varchar(17) not null, 

courseName varchar(100) not null, 

coursedis varchar(500) not null, 

resPath varchar(200) not null, 

constraint pk coursetable primary key (courseid) 
); 


commit; 


(2) 编写 选择 文件 页 面 一 一 uploadCourse. jsp. 
页 面 uploadCourse. jsp 运行 效果 如 图 10.5 所 示 。 





co Æ P |httpV/localhost8080/ch10/uploadCoursejsp 


























课程 名 称 。 [ava Web 开 发 
好 课程 p 
课程 描述 ， 
v 
请 选择 课件 ， (Co XUsersichenWDesktop| MA... 
ER || Liè 




















10.5 页 面 uploadCourse. jsp 运行 效果 
页 面 文件 uploadCourse. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<html> 
<head > 
<title> uploadCourse. jsp </title> 
</head> 
<body> 
< form action = "uploadCourse" method = "post" enctype = "multipart/form- data"> 
«table» 
<tr> 
<td> 课 程 名 称 : </td> 
<td>< input type = "text" name = "courseName"></td> 
</tr> 





<tr> 
<td> 课 程 描述 : </td> 
<td> 


< textarea rows = "10" cols = "30" name = "coursedis"></textarea > 


</td> 
</tr> 
«tr» 

<td> 请 选择 课件 : </td> 

<td>< input type = "file" name = "resPath"></td> 
</tr> 


<tr> 
<td align = "right">< input type= "reset" value = " 重 填 "></td> 
« td»« input type = "submit" value = "上传 "></td> 

</tr> 

</table> 
</form> 
</body> 
</html> 


(3) 编写 上 传 文件 Servlet 一 一 uploadCourseServlet. java. 
uploadCourseServlet. java 的 代码 如 下 : 


package servlet; 
import java. io. File; 
import java. io. IOException; 
import java. sql. Connection; 
import java. sql. DriverManager; 
import java. sql. PreparedStatement; 
import javax. servlet. RequestDispatcher; 
import javax. servlet. ServletException; 
import javax. servlet. annotation. MultipartConfig; 
import javax. servlet. annotation. WebServlet; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import javax. servlet. http. Part; 
import util.MyUtil; 
(WebServlet(name = "uploadCourse", urlPatterns = ( "/uploadCourse" ]) 
GMultipartConfig(maxFileSize = 10*1024*x1024)// 设 置 上 传 文件 的 最 大 值 为 10MB 
public class UploadCourseServlet extends HttpServlet { 
private static final long serialVersionUID = 1L; 


protected void doGet (HttpServletRequest request, HttpServletResponse response) throws 


ServletException, IOException { 
doPost (request, response); 
) 


protected void doPost(HttpServletRequest request, HttpServletResponse response) throws 


ServletException, IOException ( 
Connection con = null; 
PreparedStatement pst = null; 
// 设 置 响应 的 内 容 类 型 
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response. setContentType("text/html;charset = utf — 8"); bd 
request. setCharacterEncoding("GBK") ; 
// 成 功 后 ,显示 出 课程 信息 
RequestDispatcher disl = request.getRequestDispatcher("showInfo"); 
// 失 败 页 面 
RequestDispatcher dis2 = request. getRequestDispatcher("uploadFail. jsp"); 
// 重 新 回 到 上 传 页 面 
RequestDispatcher dis3 = request. getRequestDispatcher("uploadCourse. jsp"); 
try ( 
// 指 定 上 传 的 文件 保存 到 D 盘 的 uploadFile 目录 中 
File uploadFileDir = new File("D:WuploadFile"); 
if('uploadFileDir. exists())( 
uploadFileDir.mkdir(); 
} 
// 获 得 part 对 象 
Part part = request. getPart("resPath" ) ; 
// 获 得 原始 文件 名 
String oldName = MyUtil.getFileName(part); 
// 如 果 没 有 选择 课件 , 回 到 上 传 页 面 继续 上 传 
if((null == oldName || "".equals(oldName)) && part.getSize() == 0){ 
dis3.forward(request, response); 
} 
// 如 果 传 送 的 文件 名 是 全 路 径 名 ,取出 原始 文件 名 
int index = oldName. lastIndexOf(File. separator); 
if(index» 0){ 
oldName = oldName. substring(index + 1, oldName. length()); 
} 
// 获 取 文 件 类 型 
String fileType = oldName. substring(oldName. lastIndexOf(".")); 
// 以 一 定 规范 的 文件 名 上 传 ,因为 客户 上 传 时 ,文件 名 有 可 能 重 名 
String newName = MyUtil.getStringID() + fileType; 
// 上 传 到 服务 器 的 uploadFile 目录 中 
part.write(uploadFileDir + File.separator + oldName); 
// 把 文件 信息 写 人 数据 库 
Class. forNane( oracle. jdbc. driver. OracleDriver"); 
// 获 得 数据 库 连接 
con = DriverManager. getConnection("jdbc:oracle:thin:(9) localhost: 
1521:orcl", "system", " systen") ; 
String sql = "insert into coursetable values(?,?,?,?)"; 
pst = con. prepareStatement(sql); 
pst.setString(1, MyUtil.getStringID()); 
pst. setString(2, request. getParameter("courseName")); 
pst.setString(3, request. getParameter("coursedis")); 
pst. setString(4, newName); 
pst. executeUpdate() ; 
pst.close(); 
con. close() ; 
disl.forward(request, response); 
} catch (Exception e) { 
//'T0DO Auto - generated catch block 
e. printStackTrace(); 





dis2.forward(request, response); 


(4) 编写 查询 文件 信息 Servlet —— ShowlInfoServlet. java. 
ShowlInfoServlet. java 的 代码 如 下 : 


package servlet; 


import java. 
import java. 
import java. 
import java. 
import java. 


io. IOException; 

sql. Connection; 

sql. DriverManager; 
sql. PreparedStatement; 
sql. ResultSet; 


import java. util. ArrayList; 


import javax. 
import javax. 
import javax. 
import javax. 
import javax. 
import javax. 


servlet. RequestDispatcher; 
servlet. ServletException; 
servlet. annotation. WebServlet; 
servlet. http. HttpServlet; 
servlet. http. HttpServletRequest; 
servlet. http. HttpServletResponse; 


import dto. Course; 
@WebServlet (name = "showInfo", urlPatterns = { "/showInfo" }) 
public class ShowInfoServlet extends HttpServlet { 

private static final long serialVersionUID = 1L; 


protected void doGet(HttpServletRequest request, HttpServletResponse response) throws 


ServletException, IOException { 
doPost(request, response); 


} 


protected void doPost(HttpServletRequest request，HttpServletResponse response) 
throws ServletException, IOException { 

Connection con = null; 

PreparedStatement pst - null; 

ResultSet rs - null; 


// 存 放 课 程 的 集合 ArrayList 
ArrayList < Course» al = new ArrayList < Course»(); 
try { 


Class. forNane( "oracle. jdbc. driver. OracleDriver"); 
// 获 得 数据 库 连接 
con = DriverManager. getConnection(" jdbc:oracle:thin:(9) localhost:1521: 
orcl","systen" , " system") ; 
String sql = "select * from coursetable"; 
pst = con. prepareStatement(sql); 
rs = pst.executeQuery(); 
// 遍 历 出 结果 集中 的 课程 
while(rs. next()){ 
Course c = new Course(); 
c. setCourseID(rs. getString("courseID")); 
c. setCourseNane(rs. getString("courseName")); 
c. setCoursedis(rs.getString("coursedis")); 
c. setResPath(rs. getString("resPath")); 
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al.add(c); bcd 
} 
rs.close(); 
pst.close(); 
con. close() ; 
// 存 储 在 request 中 转发 到 showInfo. jsp 
request. setAttribute("courses", al); 
RequestDispatcher disl - request.getRequestDispatcher("showInfo. jsp") ; 
disl.forward(request, response); 
} catch (Exception e) { 
//TODO Auto - generated catch block 
e. printStackTrace(); 


) 


(5) Ai 53 XC E ibo X Ifi] —  showlInfo. jsp. 
页 面 showInfo. jsp 的 运行 效果 如 图 10. 6 所 示 。 





€ > Q D localhost:8080/ch10/uploadCourse 


C en | 
[20160914224516932|Tava Yeb 开 发 | 好 课程 课件 
20160914224545136 册 SP 网 站 设计 HENABDWEE| 课件 



























































图 10.6 页 面 showInfo.jsp 运行 效果 
页 面 文件 showInfo. jsp 的 代码 如 下 : 


<% @ page language = "java" contentType = "text/html; charset = GBK" pageEncoding = "GBK" % > 
<% @ taglib prefix- "c" uri = "http://java. sun. com/jsp/jstl/core" %> 
<html> 
<head > 
<title > showInfo. jsp </title> 
</head> 
<body> 
<table border = "1"> 
< tr bgcolor = "LightGreen"> 
<th> 课 程 ID </th> 
<th > 课程 名 称 </th> 
<th> 课 程 描述 </th> 
<th> 下 载 课件 </th> 
</tr> 
<c:forEach var = "course" items = " $ (requestScope. courses)" 
«tr» 
< td» $ (course. courseID)«/td » 
< td» $ (course. courseName}</td> 
< td» $ (course. coursedis}</td> 
< td align = "center"»« a href = "download?resPath- $ (course.resPath]" style = 
"text - decoration:none"> 课 件 </a></td> 
</tr> 
</c:forEach> 





</table> 
</body> 
</html > 


(6) 编写 下 载 Servlet —— DownloadServlet. java. 


DownloadServlet. java 的 代码 如 下 : 


package servlet; 

import java. io.FileInputStream; 

import java. io. IOException; 

import javax. servlet. ServletException; 

import javax. servlet. ServletOutputStream; 
import javax. servlet. annotation. WebServlet; 
import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 


import javax. servlet. http. HttpServletResponse; 


(QWebServlet(name = "download", urlPatterns 


= ( "/download" }) 


public class DownloadServlet extends HttpServlet { 
private static final long serialVersionUID = 1L; 


protected void doGet(HttpServletRequest request, HttpServletResponse response) throws 


ServletException, IOException { 
doPost(request, response); 
} 


protected void doPost (HttpServletRequest request, HttpServletResponse response) 


throws ServletException, IOException { 
String aFilePath = null; 
String aFileName = null; 
FileInputStrean in = null; 
ServletOutputStream out = null; 
try { 
aFilePath 


"D:\\uploadFile\\"; 


// 要 下 载 的 文件 路 径 
// 要 下 载 的 文件 名 
// 输 入 流 

// 输 出 流 


aFileName = request.getParameter("resPath"); 


// 设 置 下 载 文件 使 用 的 报头 


response. setHeader("Content - Type", "application/x- msdownload" ); 
response. setHeader("Content - Disposition", "attachment; filename - 


* aFileName); 
// 读 人 文件 


in = new FileInputStream(aFilePath + aFileName); 
// 得 到 响应 对 象 的 输出 流 , 用 于 向 客户 端 输出 二 进 制 数据 


out = response. getOutputStream( 

out. flush(); 

int aRead - 0; 

byte b[] = new byte[1024]; 

while ((aRead = in.read(b)) != 
out.write(b,0,aRead); 

i 

out. flush(); 

in.close(); 

out.close(); 

} catch (Throwable e) ( 
e. printStackTrace(); 


); 


-1&in!- null) { 


" 
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} 


如 果 下 载 的 文件 名 中 有 中 文字 符 ,浏览 器 提示 保存 的 文件 名 将 显示 为 乱码 。 要 解决 这 
个 乱码 问题 ,需要 对 下 载 的 文件 名 按照 UTF-8 进行 编码 。 在 本 章 工具 类 MyUtil 中 添加 一 
个 静态 的 字符 编码 转换 方法 String toUTF8String(String str) 。 

修改 本 节 的 DownloadServlet. java, 对 要 下 载 的 文件 名 调用 toUTF8String() 方 法 ,代码 
片段 如 下 : 


aFileName = request.getParameter("resPath"); 

// 设 置 下 载 文件 使 用 的 报头 

response. setHeader("Content - Type", "application/x- msdownload" ); 

response. setHeader("Content - Disposition", "attachment; filename =" + MyUtil. toUTF8String 
(aFileName)); 

// 读 入 文件 





1024 实践 环节 

将 10.2. 3 节 中 数据 表 coursetable 的 某 条 记录 的 resPath 列 对 应 文件 名 修改 为 中 文 , 然 
后 到 D;W uploadFile 目录 下 ,把 某 个 文件 名 修改 为 相同 的 中 文 名 。 运 行程 序 , 下 载 该 文件 。 
查看 浏览 器 提示 保存 文件 名 是 否 为 乱码 ,如 果 是 ,如 何 解决 乱码 问题 ? 











10.3 小 结 


本 章 主要 介绍 了 基于 Servlet 3. 0 上 传 文件 的 使 用 方法 ,列举 了 文件 上 传 与 下 载 的 
实例 。 


习 题 10 


1. 基于 表单 的 文件 上 传 ,需要 注意 什么 ? 
2. 文件 下 载 的 实现 方法 有 哪些 ? 它们 的 优 缺 点 是 什么 ? 





模式 开发 Web 应 用 。 





本 章 通 过 一 个 小 型 的 地 址 簿 管理 信息 系统 ,讲述 如 何 采 用 基于 Servlet MVC 模式 来 开 
发 一 个 Web 应 用 。 系 统 的 开发 环境 如 下 。 

(1) 操作 系统 : Windows 10。 

(2) 数据 库 : Oracle 10g。 

(3) JDK; 1.7。 

(4) JSP 引擎 : Tomcat 7.0, 

(5) 集成 开发 环境 (IDE) : Eclipse IDE for Java EE Developers. 


11.1 系统 设计 





11.1.1 系统 功能 需求 


地 址 德 管理 信息 系统 是 提供 给 注册 用 户 使 用 的 系统 。 系 统 提供 的 功能 如 下 。 
CD 非 注册 用 户 可 以 注册 为 注册 用 户 。 

(2) 成 功 注册 的 用 户 , 可 以 登录 系统 。 

(3) 成 功 登录 的 用 户 , 可 以 添加 、 修 改 、 删 除 以 及 浏览 自己 的 朋友 信息 。 

(4) 成 功 登录 的 用 户 , 可 以 修改 自己 的 登录 密码 。 


11.12 系统 模块 划分 


注册 用 户 使 用 地 址 德 管理 信息 系统 可 以 添加 、 修 改 、 删 除 以 及 查询 自己 的 朋友 信息 , 具 
体系 统 功能 模块 如 下 。 


1. 用户 注册 
新 用 户 填写 注册 信息 ,包括 用 户 名 、 密 码 和 确认 密码 。 输 入 用 户 名 时 ,系统 会 提示 用 户 
名 是 否 可 用 。 
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用 户 输入 用 户 名 、 密 码 进 行 登录 。 登 录 失 败 , 系 统 回 到 登录 画面 继续 登录 。 登 录 成 功 ， 
进入 系统 管理 主页 面 (main. jsp) ,包括 添加 朋友 信息 ,修改 朋友 信息 ,删除 朋友 信息 ,查询 朋 
友信 息 ,修改 密码 以 及 退出 系统 等 功能 。 


3. 添加 朋友 信息 
用 户 填 写 朋 友信 息 表单 ,包括 朋友 姓名 、 生 日 电话、E-mail、 照 片 . 地 址 以 及 关系 等 信 
息 。 提 交 朋 友信 息 表单 时 ,系统 使 用 JavaScript 验证 信息 是 否 输入 以 及 信息 格式 是 否 合法 。 


4 修改 朋友 信息 

系统 首先 根据 成 功 登录 的 用 户 名 查询 出 该 用 户 的 所 有 朋友 信息 ,然后 用 户 选 择 某 个 朋 
友 进 行 修改 信息 。 

5 删除 朋友 信息 

系统 首先 根据 成 功 登录 的 用 户 名 查询 出 该 用 户 的 所 有 朋友 信息 ,然后 用 户 选 择 某 个 或 
多 个 朋友 进行 删除 。 

6 .查询 朋友 信息 

系统 根据 成 功 登 录 的 用 户 名 查询 出 该 用 户 的 所 有 朋友 信息 。 


7. 修 改 密码 
成 功 登录 的 用 户 , 从 主页 面 进入 该 页 面 修改 自己 的 密码 。 


8. 退出 系统 
成 功 登录 的 用 户 , 在 主页 面 单 击 " 退 出 系统 "链接 ,系统 首先 清除 用 户 的 会 话 (Session)， 
然后 返回 登录 页 面 。 


11.2 数据 库 设 计 


系统 采用 加 载 纯 Java 数据 库 驱 动 程序 的 方式 连接 Oracle 10g。 在 Oracle 10g 的 默认 
数据 库 orcl 中 创建 两 张 表 : usertable 与 friendinfo。 


1.21 数据 库 概念 结构 设计 
根据 系统 设计 与 分 析 , 可 以 设计 出 如 下 的 数据 结构 。 


人 用户 信息 
包括 用 户 名 和 密码 等 ,一 个 用 户 可 以 添加 多 个 朋友 信息 。 


2 朋友 信息 

包括 朋友 DD、 姓名, 生日、 电话 、E-mail、 照 片 . 地 址 ,关系 以 及 所 属 的 用 户 等 信息 。 

根据 以 上 的 数据 结构 ,结合 数据 库 设计 的 特点 ,可 以 画 出 如 图 11. 1 所 示 的 数据 库 概念 
结构 图 。 























用 户 信息 表 朋友 信息 表 








PK | 用 户 名 PK | ID 








密码 姓名 
生日 
电话 
E-mail 
地 址 
照片 


| 关系 


























图 11.1 数据 库 概念 结构 图 





1.22 ”数据库 逻 辑 结构 设计 











将 数据 库 概念 结构 图 转换 为 Oracle 数据 库 所 支持 的 实际 数据 模型 , 即 数据 库 的 逻辑 结 


构 。 系 统 中 两 张 表 的 设计 如 表 11. 1 和 表 11.2 所 示 。 
表 11.1 用 户 信息 表 (usertable) 





FK | 用 户 名 















































字段 含义 类 型 长 度 是 否 为 空 
userName 用 户 名 varchar 20 no 
password 密码 varchar 20 no 

表 11.2 朋友 信息 表 (friendinfo) 

字段 "X 类 型 长 度 是 否 为 空 
id 朋友 编号 varchar 17 no 
name 朋友 姓名 varchar 20 no 
birthday 朋友 生日 date — yes 
telephone 朋友 电话 varchar 20 yes 
email 朋友 E-mail varchar 20 yes 
address 朋友 地 址 varchar 50 yes 
picture 朋友 照片 varchar 25 yes 
relation 关系 varchar 10 no 
userName 用 户 名 varchar 20 no 





1.23 创建 数据 表 
根据 数据 库 的 逻辑 结构 ,创建 数据 表 的 代码 如 下 : 


drop table friendinfo; 
drop table usertable; 
create table usertable ( 
userName varchar(20) not null, 
password varchar(20) not null, 
constraint pk usertable primary key (userName) 
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) 
create table friendinfo ( 
id varchar(17) not null, 
name varchar(20) not null, 
birthday date null, 
telephone varchar(20) null, 
email varchar(20) null, 
address varchar(50) null, 
picture varchar(25) null, 
relation varchar(10) not null, 
userName varchar(20) not null, 
constraint pk friendinfo primary key (id), 
constraint fk friendinfo 1 foreign key (userName) 
references usertable (userName) 


commit; 


1.3 系统 管理 





11.31 导入 相关 的 jar & 


在 本 章 中 新 建 一 个 Web 工程 chall ,在 chll 工程 中 开发 本 系统 。 由 于 在 本 系统 所 有 
JSP 页 面 中 尽量 使 用 EL 表达 式 和 JSTL 标签 ,又 因为 本 系统 采用 纯 Java 数据 库 驱 动 程序 
连接 Oracle 10g。 所 以 ,需要 将 standard. jar jstl. jar 和 classes12. jar 复制 到 ch11/WEB- 
INF/lib 文 件 夹 中 。 具 体操 作 步 又 请 参考 本 书 6.2 节 和 9.2 节 。 


11.3.2 JP RAE 


本 系统 所 有 JSP 页 面 ( 包 括 相 关 的 JavaScript 文件 ) 都 保存 在 chll 的 WebContent H 
录 中 。 有 些 JSP 页 面 使 用 到 CSS 与 JavaScript。 有 关 CSS 与 JavaScript 的 知识 超出 了 本 书 
的 讨论 范围 ,请 读者 查阅 相关 书籍 。 

本 系统 中 除了 登录 、 注 册 以 及 修改 密码 等 操作 不 在 系统 管理 主页 面 (main. jsp) 中 实现 ， 
其 他 操作 都 在 main. jsp 中 实现 。 在 该 页 面 中 使 用 DIV 十 CSS 十 Iframe 进行 布局 管理 。 

用 户 首先 通过 http: //localhost: 8080/ch11/login. jsp 访问 登录 页 面 ,登录 成 功 ,进入 系 
统管 理 主页 面 ,main. jsp 运行 效果 如 图 11.2 所 示 。 

main. jsp 的 核心 代码 如 下 : 























<body> 
<div id= "top"> 
<br> 
<br> 
<center> 
< font size = 6 face = 华文 新 魏 > 欢 迎 $ {sessionScope. user. uname} 使 用 地 址 簿 管理 系统 
</font > 
</center> 
</div> 
<div id= "left"> 


11233 








图 11.2 系统 管理 主页 面 


«dl» 
«dt onClick = 'showHide("itemsl 1")'» 
<b> 朋 友信 息 管 理 </b> 
«/dt» 
« dd style= 'display: block'id- 'items1_1'> 
«table» 
«tr» 


<td><a href = "addFriend. jsp" target = "right" 
style = "text- decoration: none"> 添 加 朋友 </a> 
</td> 
</tr> 
<tr> 
<td><a href = "queryFriendServlet?flag = update" target = "right" 
style = "text - decoration: none"> 修 改 信息 </a> 
</td> 
</tr> 
«tr» 
<td><a href = "queryFriendServlet?flag = del" target = "right" 
style- "text- decoration: none"> 删 除 朋 友 </a> 
</td> 
</tr> 
<tr> 
<td><a href = "queryFriendServlet" target = "right" 
style = "text - decoration: none"> 查 询 朋 友 </a> 
</td> 
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</tr> 
</table> 
</dd> 
</dl> 
<dl> 
X dt onClick = 'showHide(" itemsl_2") > 
<b> 个 人 信息 管理 </b> 
«/dt» 
« dd style= 'display: block'id- 'itemsl 2'> 
«table» 
«tr» 
<td><a href = "upadatepassword. jsp" 
style- "text- decoration: none"> 修 改 密码 </a> 
</td> 
</tr> 


<tr> 
<td><a href = "exitUserServlet" 
style = "text - decoration: none"> 退 出 系统 </a> 
</td> 
</tr> 
</table> 
«/dd» 
«/dl» 
</div> 
<div id= "right1"> 
< iframe src = "queryFriendServlet" name = "right" width - "100 %" height = "100 %" 
frameborder = "0"> </iframe> 
</div> 
<div id= "bottom"> 
< center > &copy; 版 权 归 清华 大 学 出 版 社 所 有 </center > 
</div> 
</body> 








1.33 组 件 与 Serviet 管理 | 
本 系统 使 用 的 组 件 与 servlet 包 层次 结构 如 图 11. 3 所 示 。 


1. busyness 包 
图 11.3 中 busyness 包 里 存放 的 Java 程序 都 是 实现 业务 逻辑 处 理 的 bean( 业 务 模型 )， 
包括 用 户 注册 ,登录 ,朋友 信息 增 、 删 \ 改 、 查 等 业务 处 理 。 


2 common 包 

该 包 中 MyUtil 类 的 getStringID() 方 法 是 主键 产生 器 ,DBConnection 类 用 于 实现 数据 
库 连接 与 关闭 等 操作 。 

3. entity & 

该 包 的 Friend 类 和 User 类 是 实现 数据 封装 的 实体 bean( 实 体 模型 ) 。 





236 } 
c v San 
v B src 

v Bi busyness 
》 国 FriendBusynessjava 
> [D UserBusynessjava 

v i common 
> D DBConnectionjava 
» B) MyUtiljava 

v E entity 
》 国 Friend java 
》 国 Userjava 

v B) filters 
> D LoginFilter java 
》 国 SetCharacterEncodingFilter.java 

v BB servlet 
》 国 AddFriendServietjava 
》 国 DeleteServletjava 
> D ExtUserServietjava 
> [D FreindDetailServletjava 
> [D LoginServletjava 


11.3 包 层 次 结构 图 


4. filters & 

系统 中 使 用 过 滤器 (filter) 解 决 中 文 乱码 和 登录 验证 等 问题 ,系统 中 过 滤器 Java 代码 的 
实现 都 存放 在 filters 包 中 。 

5 servet 包 

系统 中 控制 器 的 实现 都 存放 在 servlet 包 中 。 


11.4 组 件 设 计 


系统 使 用 到 的 组 件 有 过 滤器 ,数据库 操作 实体 模型 (数据 封装 bean) 和 业务 模型 (业务 
处 理 bean)4 部 分 。 


1.41 过 滤器 
系统 使 用 了 两 个 过 滤器 : 设置 字符 编码 过 滤器 与 登录 验证 过 滤器 。 


1 .设置 字符 编码 过 滤器 

系统 使 用 过 滤器 解决 中 文 乱 码 问 题 。 当 用 户 提 交 请 求 时 ,在 请 求 处 理 之 前 ,系统 使 用 过 
滤器 把 用 户 提交 的 信息 进行 解码 与 编码 ,避免 了 乱码 出 现 。 具 体 代 码 如 下 。 

SetCharacterEncodingFilter. java 的 核心 代码 如 下 : 














// 过 滤器 设置 字符 编码 为 GBK 
@WebFilter(filterName = "setCharacterEncodingFilter", urlPatterns = ( "/*" ]) 
public class SetCharacterEncodingFilter implements Filter { 

public void destroy() { 

] 

public void doFilter(ServletRequest request, ServletResponse response, 

FilterChain chain) throws IOException, ServletException { 
request. setCharacterEncoding("GBK") ; 
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// 执 行 下 一 个 过 滤器 eet 
chain.doFilter(request, response); 
) 
public void init(FilterConfig filterConfig) throws ServletException { 


) 
) 


2 登录 验证 过 滤器 

从 系统 分 析 得 知 , 只 有 用 户 成 功 登 录 了 ,才能 使 用 该 系统 。 也 就 是 说 ,用 户 不 能 成 功 登 
录 时 ,不 允许 使 用 除 登 录 、 注 册 之 外 的 功能 。 当 用 户 通 过 URL 请 求 时 ,系统 首先 使 用 过 滤 
器 判别 用 户 访 问 的 是 否 是 登录 或 注册 的 功能 ,如 果 不 是 ,就 判断 用 户 的 会 话 (session) 是 否 
存在 ,如 果 不 存在 ,就 提示 用 户 先 登录 。 具 体 代码 如 下 。 

LoginFilter. java 的 核心 代码 如 下 : 


@WebFilter(filterName = "loginFilter", urlPatterns = ( "/*" ]) 
public class LoginFilter implements Filter ( 
public void destroy() ( 
} 
public void doFilter(ServletRequest request, ServletResponse response, 
FilterChain chain) throws IOException, ServletException { 
HttpServletRequest req = (HttpServletRequest) request; 
HttpServletResponse resp = (HttpServletResponse) response; 
resp. setContentType("text/html;"); 
resp. setCharacterEncoding( "GBK" ) ; 
HttpSession session = req.getSession(); 
// 得 到 用 户 请 求 的 URI 
String request uri = req. getRequestURI( ); 
// 得 到 Web 应 用 程序 的 上 下 文 路 径 
String ctxPath = req.getContextPath(); 
// 去 除 上 下 文 路 径 ,得 到 剩余 部 分 的 路 径 
String uri = request uri.substring(ctxPath. length()) ; 
// 判 断 用 户 访问 的 是 否 是 登录 页 面 或 注册 页 面 
if (uri. equals("/login. jsp") || uri. equals("/regist. jsp") 
|| uri.equals("/loginServlet") || uri.equals("/registServlet")) ( 
// 执 行 下 一 个 过 滤器 
chain.doFilter(request, response); 
) eise( 
// 如 果 访 问 的 不 是 登录 页 面 , 则 判断 用 户 是 否 已 经 登录 
if (null != session.getAttribute("user") 
&& "" != session.getAttribute("user")) ( 
chain.doFilter(request, response); 
) eise ( 
PrintWriter out = resp.getWriter(); 
String pah = ctxPath + "/login. jsp"; 
out.println(" 您 没有 登录 ,请 先 <a href =" + pah + "target- _top > 登录 
</a>!"); 
return; 





} 
} 
public void init(FilterConfig config) throws ServletException { 


) 
) 


1.42 数据 库 操作 


1 主键 生成 器 
朋友 信息 表 的 主键 (ID) 产 生 策略 是 ,格式 化 系统 时 间 ,主键 格式 ( 共 17 位 ) 如 下 : 











YYYYMMddHHmmssSSS 
主键 生成 器 代码 如 下 : 


public static String getStringID(){ 
String id = null; 
Date date = new Date(); 
SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmssSSS" ) ; 
id = sdf.format(date); 
return id; 


) 


2 数据 库 连 接 与 关闭 

数据 库 连 接 与 关闭 是 由 common 包 中 的 DBConnection 类 实现 的 。 类 中 方法 功能 说 明 
如 下 。 

(1) public synchronized static Connection getOneCon(): 从 连接 池 中 获得 一 个 连接 


对 象 。 
(2) public static void close(ResultSet rs): 关闭 结果 集 对 象 。 
(3) public static void close(PreparedStatement ps) : 关闭 预 处 理 对 象 。 
(4) public synchronized static void close(Connection con) ; 把 连接 对 象 放 回 连接 池 中 。 
DBConnection. java 的 代码 如 下 : 


package common; 
import java. sql. * ; 
import java. util. ArrayList; 
public class DBConnection ( 
// 存 放 Connection 对 象 的 数组 ,数组 被 看 成 连接 池 
static ArrayList < Connection> list = new ArrayList < Connection>(); 
// 从 连接 池 中 取出 一 个 连接 对 象 
public synchronized static Connection getOneCon()( 
// 如 果 连 接 池 中 有 连接 对 象 
if(list. size()>0){ 
return list.remove(0); 
} 
// 连 接 池 没有 连接 对 象 则 创建 连接 放 到 连接 池 中 
else( 
for(int i = 0; i«5; i++){ 
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try { 
Class. forName( "oracle. jdbc. driver. OracleDriver"); 
Connection con = DriverManager. 
getConnection("jdbc:oracle:thin: @localhost:1521 :orcl", "system", 
"system" ) 7 
list.add(con); 
) catch (Exception e) ( 
//T0DO Auto- generated catch block 
e. printStackTrace(); 
) 
} 
return list. remove(0) ; 
) 
) 
// 关 闭 结果 集 对 象 
public static void close(ResultSet rs){ 
try ( 
if(rs != null) 
rs.close(); 
) catch (SQLException e) ( 
//TODO Auto - generated catch block 
e. printStackTrace(); 
) 


} 
// 关 闭 预 处 理 语句 
public static void close(PreparedStatement ps){ 
try ( 
if(ps! = null) 
ps.close(); 
) catch (SQLException e) ( 
//'TODO Auto - generated catch block 
e. printStackTrace(); 
} 


} 
// 把 连接 对 象 放 回 连接 池 中 
public synchronized static void close(Connection con)( 
if(con != null) 
list.add(con); 


) 





1.43. SERE 


实体 模型 主要 用 于 封装 JSP 页 面 提 交 的 信息 以 及 与 数据 库 交互 的 数据 传递 。 系 统 共 
使 用 两 个 实体 模型 : 用 户 (User) 和 朋友 (Friend) 。 


1.44 业务 模型 


系统 共用 到 两 个 业务 bean: FriendBusyness 和 UserBusyness。 和 朋友 信息 有 关 的 业 
务 逻 辑 处 理 都 写 在 FriendBusyness 类 里 ,和 用 户 有 关 的 业务 逻辑 处 理 都 写 在 UserBusyness 

















1. FriendBusyness 类 

FriendBusyness 类 的 各 方法 功能 说 明 如 下 。 

(1) public boolean addFriend(Friend f,String userName): 添加 朋友 信息 。 

(2) public ArrayList- Friend getAllFriends(String userName): 根据 用 户 名 查询 该 
用 户 的 朋友 信息 。 

(3) public Friend getAFriend(String id) : 根据 朋友 的 ID 查询 该 朋友 的 信息 。 

(4) public void deleteFriend(String id[]): 根据 朋友 的 ID 删除 朋友 信息 ,删除 一 个 或 
多 个 朋友 。 

(5) public boolean upadateFriend(Friend D ; 更 新 朋友 信息 。 

FriendBusyness. java 的 代码 如 下 : 


package busyness; 
import java. sql. Connection; 
import java. sql. PreparedStatement; 
import java. sql. ResultSet; 
import java. sql. SQLException; 
import java. util. ArrayList; 
import common. DBConnection; 
import entity. Friend; 
public class FriendBusyness { 
// 实 现 添加 朋友 信息 
public boolean addFriend(Friend f，String userName) { 
boolean b = false; 
Connection con = DBConnection. getOneCon() ; 
PreparedStatement ps = null; 
try { 
ps = con.prepareStatement("insert into friendinfo 
values(?,?,to date(?, 'YYYY — MM- DD'),?,?,?,?,?,?)"); 
ps.setString(1, f.getId()); 
ps.setString(2, f.getName()); 
ps.setString(3, f.getBirthday());  // 日 期 类 型 
ps. setString(4, f.getTelephone()); 
ps.setString(5, f.getEmail()); 
ps.setString(6, f.getAddress()); 
ps. setString(7, f.getPicture()); 
ps.setString(8, f.getRelation()); 
ps.setString(9, userName); 
inti = ps.executeUpdate(); 
if (i»0) 
- true; 
) catch (SQLException e) { 
//TODO Auto - generated catch block 
e. printStackTrace(); 
} finally { 
DBConnection. close(ps); 
DBConnection. close(con); 





) uem 
return b; 
) 
// 查 询 朋友 信息 
public ArrayList < Friend» getAllFriends(String userName) { 
ArrayList« Friend» al = new ArrayList < Friend»(); 
Connection con = DBConnection.getOneCon(); 
PreparedStatement ps 7 null; 
ResultSet rs = null; 
try ( 
ps = con.prepareStatement("select * from friendinfo where userName = ?"); 
ps.setString(1, userName); 
rs = ps.executeQuery(); 
while (rs.next()) { 
Friend f = new Friend(); 
f. setId(rs.getString(1)); 
f. setNane(rs.getString(2)); 
f. setBirthday(rs.getString(3).substring(0, 10)); // 取 出 YYYY - MM - DD 
f. setTelephone(rs.getString(4)); 
f. setEmail(rs.getString(5)); 
f. setAddress(rs.getString(6)); 
f. setPicture(rs.getString(7)); 
f. setRelation(rs.getString(8)); 
al.add(f); 
} 
} catch (SQLException e) { 
//TODO Auto - generated catch block 
e. printStackTrace() ; 
) finally ( 
DBConnection. close(rs); 
DBConnection. close(ps); 
DBConnection. close(con); 
} 
return al; 
} 
// 查 询 一 个 朋友 信息 
public Friend getAFriend(String id) { 
Connection con = DBConnection. getOneCon() ; 
PreparedStatement ps = null; 
ResultSet rs - null; 
Friend f = new Friend(); 
try { 
ps = con.prepareStatement("select * from friendinfo where id = ?"); 
ps. setString(1, id); 
rs = ps.executeQuery(); 
if (rs.next()) { 
f. setId(rs.getString(1)); 
setName(rs.getString(2)); 
setBirthday(rs. getString(3).substring(0, 10)); // 取 出 YYYY - MM- DD 
setTelephone(rs.getString(4)); 
setEmail(rs.getString(5)); 





— f. setAddress(rs.getString(6)); 
f.setPicture(rs.getString(7)); 
f. setRelation(rs. getString(8)); 
) 
) catch (SQLException e) ( 
//TODO Auto - generated catch block 
e. printStackTrace(); 
) finally ( 
DBConnection. close(rs); 
DBConnection. close(ps); 
DBConnection. close(con); 
} 
return f; 
} 
// 删 除 朋友 信息 
public void deleteFriend(String id[]) ( 
Connection con = DBConnection. getOneCon(); 
PreparedStatement ps - null; 
try ( 
ps = con. prepareStatement("delete from friendinfo where id- ?"); 
for (inti = 0; i< id. length; i++) ( 
ps.setString(1, id[i]); 
ps. executeUpdate() ; 
) 
) catch (SQLException e) ( 
//TODO Auto - generated catch block 
e. printStackTrace() ; 
) finally ( 
DBConnection. close(ps); 
DBConnection. close(con); 


) 
// 修 改 朋友 信息 
public boolean upadateFriend(Friend f) { 
boolean b = false; 
Connection con = DBConnection. getOneCon(); 
PreparedStatement ps = null; 
try t 
String sql = "update friendinfo set name = ?," 
+ "birthday = to date(?, 'YYYY - MM- DD')," 
+ "telephone- ?," 
+ "email-?," 
+ "address 7 ?,"; 
if (f.getPicture() != null) {// 修 改 了 照片 
sql = sql + "picture=?,"; 
) 
sql = sql + "relation- ? where id - ?"; 
ps = con. prepareStatenment( sql); 
ps.setString(1, f.getName()); 


ps.setString(2, f.getBirthday()); // 日 期 类 型 


ps.setString(3, f.getTelephone()); 
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ps. setString(4, f.getEmail()); 
ps.setString(5, f.getAddress()); 
if (f.getPicture() != null) ( 
ps.setString(6, f.getPicture()); 
ps.setString(7, f.getRelation()); 
ps.setString(8, f.getId()); 
) else ( 
ps.setString(6, f.getRelation()); 
ps.setString(7, f.getId()); 
} 
inti = ps.executeUpdate(); 
if (i» 0) 
b = true; 
) catch (SQLException e) ( 
//TODO Auto - generated catch block 
e. printStackTrace() ; 
) finally ( 
DBConnection. close(ps); 
DBConnection. close(con); 
} 


return b; 


2 UserBusyness 类 

UserBusyness 类 的 各 方法 功能 说 明 如 下 。 

(1) public boolean namelsExit(String name): 判断 用 户 名 是 否 存在 。 
(2) public boolean regist( User u): 注册 用 户 信息 。 

(3) public boolean login(User u): 实现 登录 功能 。 

(4) public boolean upadatePassword(User u) : 更 新 用 户 的 密码 。 
UserBusyness. java 的 代码 如 下 : 


package busyness; 
import java. sql. * ; 
import common. DBConnection; 
import entity. User; 
public class UserBusyness ( 
// 判 断 用 户 名 是 否 可 用 
public boolean nameIsExit(String name) { 
boolean b = true; 
Connection con = DBConnection. getOneCon(); 
PreparedStatement ps = null; 
ResultSet rs = null; 
try f 
ps = con.prepareStatement("select * from usertable where userName - ?"); 
ps.setString(1l, name); 
rs 7 ps.executeQuery(); 
if (rs.next()) 
b - false; 





— ) catch (SQLException e) { 
//TODO Auto - generated catch block 
e. printStackTrace(); 
} finally ( 
DBConnection. close(rs); 
DBConnection. close(ps); 
DBConnection. close(con); 
) 
return b; 
j 
// 实 现 注册 功能 
public boolean regist(User u) { 
boolean b = false; 
Connection con = DBConnection. getOneCon() ; 
PreparedStatement ps 7 null; 
try ( 
ps = con. prepareStatement(" insert into usertable values(?,?)"); 
ps.setString(1, u.getUname()); 
ps. setString(2, u.getUpass()) ; 
inti 7 ps.executeUpdate(); 
if (i» 0) 
b = true; 
) catch (SQLException e) ( 
//TODO Auto- generated catch block 
e. printStackTrace(); 
) finally ( 
DBConnection. close(ps); 
DBConnection. close(con); 
} 
return b; 
} 
// 实 现 登录 功能 
public boolean login(User u) ( 
boolean b - false; 
Connection con = DBConnection. getOneCon(); 
PreparedStatement ps = null; 
ResultSet rs - null; 
try( 
ps = con. prepareStatement(" select * from usertable where userName =? and 
password = ?"); 
ps. setString(1, u.getUname()); 
ps. setString(2, u. getUpass( ) ); 
rs = ps.executeQuery(); 
if (rs.next()) 
b = true; 
} catch (SQLException e) { 
//TODO Auto - generated catch block 
e. printStackTrace(); 
} finally { 
DBConnection. close(rs); 
DBConnection. close(ps); 
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DBConnection. close(con) ; 
} 


return b; 


} 
// 实 现 修改 密码 功能 
public boolean upadatePassword(User u) { 
boolean b = false; 
Connection con = DBConnection. getOneCon(); 
PreparedStatement ps = null; 
try { 
ps = con.prepareStatement("update usertable set password = ? where 
userName = ?"); 
ps. setString(1, u.getUpass()); 
ps. setString(2, u.getUname()); 
inti = ps.executeUpdate(); 
if (i» 0) 
b = true; 
) catch (SQLException e) ( 
//TODO Auto - generated catch block 
e. printStackTrace() ; 
) finally ( 
DBConnection. close(ps); 
DBConnection. close(con); 
} 


return b; 


11.5 系统 实现 





it51 用 户 注册 


当 新 用 户 注册 时 ,该 模块 要 求 用 户 必须 输入 姓名 和 密码 信息 ,否则 不 允许 注册 。 注 册 成 
功 的 用 户 信息 被 存 人 usertable 表 中 。 


1. 视图 JSP 页面) 

该 模块 中 只 有 一 个 JSP 页 面 : regist. jsp, 该 页 面 负责 提供 注册 信息 的 输入 界面 ,如 
图 11.4 所 示 。 另 外 ,在 注册 页 面 中 使 用 了 一 个 隐藏 域 flag ,控制 器 servlet 根据 flag 值 , 检 
查 用 户 名 是 否 存在 。 

regist. jsp 的 核心 代码 如 下 : 

<body> 


< form action = "registServlet" method - "post" name = 
"registForm"» 














< input type = "hidden" name = "flag" 
< table border = 1 bgcolor = "lightblue" align = "center" 图 11.4 注册 页 面 
<tr> 
<td> 姓 名 : </td> 


<td> 
< input class = "textSize" type="text" name = "uname" maxlength = "20" 
value = " $ (requestScope. userName]" onblur = "nameIsNull()" /> 
<c:if test= " $ (requestScope. isExit == 'false']"» 
< font color = red size = 5» X «/font» 
</c:if> 
<c:if test =" $ {requestScope. isExit == 'true'}"> 
< font color = green size=5>V </font > 


</c:if> 
</td> 
</tr> 
<tr> 


<td> 密 码 : </td> 
< td>< input class = "textSize" type= "password" maxlength = "20" name = "upass"/> 
</td> 

</tr> 

<tr> 
<td> 确 认 密码 : </td> 
<td>< input class = "textSize" type = "password" maxlength = "20" name = 
"reupass"/></td> 

</tr> 

<tr> 
< td colspan = "2" align = "center">< input type = "button" value = "注册 " 
onclick = "allIsNull()"/»«/td» 

</tr> 

</table> 
</form> 
</body> 


2 控制 器 (serMet) 

该 控制 器 servlet 对 象 的 urlPatterns 是 {"/registServlet”}。 控 制 器 获取 视图 请 求 后 ， 
将 视图 信息 封装 在 实体 模型 User 中 。 如 果 获取 的 请 求 是 检查 用 户 名 (flag 等 于 0) 是 否 可 
用 , 则 调用 业务 模型 UserBusyness 的 nameIsExit 方法 执行 业务 处 理 。 不 管用 户 名 是 否 存 
在 ,都 返回 regist. jsp 页 面 告 诉 用 户 。 如 果 获 取 的 请 求 是 注册 (flag 等 于 1), 则 调用 业务 模 
型 UserBusyness 的 regist 方法 实现 注册 。 注 册 成 功 回 到 login. jsp 页 面 ,注册 失败 回 到 
regist. jsp 页 面 。 

RegistServlet. java 的 核心 代码 如 下 : 


@WebServlet(name = "registServlet", urlPatterns = ( "/registServlet" ]) 
public class RegistServlet extends HttpServlet ( 
private static final long serialVersionUID - 1L; 
protected void doGet(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException { 
response. setContentType(" text/html;charset = GBK"); 
PrintWriter out = response.getWriter(); 
// 获 得 页 面 提交 的 信息 
String name = request.getParameter("uname"); 
String pass = request. getParameter("upass"); 
String flag = request.getParameter("flag"); //flag 是 一 个 隐藏 域 ,判断 是 检查 用 户 还 
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// 是 注册 功能 
// 创 建 实 体 模型 User 
User u = new User(); 
u. setUname( name) ; 
u. setUpass(pass) ; 
// 创 建 业务 模型 
UserBusyness ub = new UserBusyness(); 
// 检 查 用户 是 否 可 用 
if (flag != null && flag.equals("0")) { 
// 用 户 名 可 用 
if (ub.nameIsExit(name)) { 
request. setAttribute("isExit", "true"); 
} else {// 用 户 名 不 可 用 
request. setAttribute("isExit", "false"); 
) 
// 不 管用 户 名 可 不 可 用 都 返回 页 面 
request. setAttribute( "userName", name); 
// 返 回 到 注册 页 面 
RequestDispatcher dis = request. getRequestDispatcher("regist. jsp") ; 
dis.forward(request, response); 
} 
// 实 现 注册 功能 
if (flag != null && flag. equals("1")) { 
if (ub.regist(u)) ( 
// 注 册 成 功 返回 到 登录 页 面 
out. print(" 注 册 成 功 ,3 秒 后 去 登录 !"); 
response. setHeader( "refresh", "3;url- login. jsp"); 
) else ( 
// 注 册 失败 返回 到 注册 页 面 
out. print(" 注 册 失 败 ,请 查 查 原因 ,3 秒 后 继续 注册 !"); 


response. setHeader("refresh", "3;url = regist. jsp"); 


} 
} 
protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
doGet(request, response); 


) 


11.52 用 户 登 录 


用 户 输入 用 户 名 和 密码 后 ,系统 将 对 用 户 名 和 密码 进行 验证 。 如 果 用 户 名 和 密码 同时 
正确 , 则 成 功 登录 ,进入 系统 管理 主页 面 (main. jsp); 如 果 用 户 名 或 密码 有 误 , 则 返回 到 登 
录 页 面 继续 登录 。 

1 视图 JSP 页 面 ) 

login. jsp 页 面 提供 登录 信息 输入 功能 ,效果 如 图 11. 5 
所 示 。 

















11.5 登录 界面 


iud login. jsp 的 核心 代码 如 下 : 


<body> 
< form action = "loginServlet" method = "post" name = 
"loginForm"> 
< table border = 1 bgcolor = "lightblue" align = "center"> 
<tr> 
<td> 姓 名 : </td> 
<td>< input class = "textSize" type = "text" name = "uname" maxlength = "20"/» 
</td> 
</tr> 
<tr> 
<td> 密 码 : </td> 
<td>< input class = "textSize" type = "password" name = "upass" maxlength = 
"20"/></td> 
</tr> 
<tr> 
<td>< input type = "button" value = "提交 "onclick = "allIsNull()"/»«/td» 
<td> 没 有 账号 ,请 < a href = "regist. jsp"> 注 册 </a>!</td> 
</tr> 
</table> 
</form> 
</body> 


2 控制 器 (senet) 

该 控制 器 servlet 对 象 的 urlPatterns 是 { "/loginServlet" } 。 控 制 器 获取 视图 请 求 后 ， 
将 视图 信息 封装 在 实体 模型 User 中 ,然后 调用 业务 模型 UserBusyness 中 的 login 方法 执 
行 登录 业务 处 理 。 登 录 成 功 进 入 main. jsp 页 面 ,登录 失败 返回 到 login. jsp 页 面 。 

LoginServlet. java 的 核心 代码 如 下 : 


@WebServlet(name = "loginServlet", urlPatterns = ( "/loginServlet" ]) 
public class LoginServlet extends HttpServlet { 
private static final long serialVersionUID - 1L; 
protected void doGet(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
response. setContentType(" text/html;charset = GBK"); 
PrintWriter out = response.getWriter(); 
// 获 得 页 面 提交 的 信息 
String name = request.getParameter("uname"); 
String pass = request.getParameter("upass"); 
// 创 建 实体 模型 User 
User u = new User(); 
u. setUname( name) ; 
u. setUpass(pass) ; 
// 创 建 业务 模型 
UserBusyness ub = new UserBusyness(); 
// 登 录 成 功 
if (ub. login(u)) { 
HttpSession session = request. getSession(); 


// 登 录 成 功 把 用 户 名 保存 到 session 中 
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session. setAttribute("user", u); eet 


RequestDispatcher dis = request.getRequestDispatcher("main. jsp"); 
dis.forward(request, response); 
} else {// 登 录 失 败 
out. print(" 登 录 失败 ,查看 用 户 名 和 密码 是 否 错误 ?3 秒 后 继续 登录 ! "); 
response. setHeader("refresh", "3;url- login. jsp"); 
} 
] 
protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException { 
doGet(request, response); 
] 











用 户 输入 朋友 姓名 生日 .电话 ,E-mail、 照 片 . 地 址 、 关 系 等 信息 后 ,该 模块 首先 检查 输 
人 的 信息 是 否 合法 (比如 ,日 期 和 E-mail) 。 如 果 合法 , 则 实现 添加 ; 如 果 不 合法 , 则 提示 信 
息 修改 。 


1 视图 JSP 页 面 ) 


addFriend. jsp 页 面 实现 添加 朋友 信息 的 输入 界面 。 该 页 面 中 朋友 ID 由 主键 产生 器 自 
动产 生 , 效 果 如 图 11.6 所 示 。 















朋友 信息 管理 







TMAA 
Lus C 
"T C 
pe © 
(rA itin NEN 
Ms n 
m = E 





11.6 添加 朋友 





iud addFriend. jsp 的 核心 代码 如 下 : 


< body> 
< form action = "addFriendServlet" method = "post" name = "addFriendForm" enctype = 
"multipart/form— data"> 
< table border = 1 > 
<caption> 
« font size- 4 face = 华文 新 魏 > 添 加 朋友 信息 </font > 
«/caption» 
«tr» 
<td> 朋 友 ID</td> 
<td>< input type = "text" readonly 
style = "border - width: lpt; border- style: dashed; border - color: red" 
name= "id" value = '<% = MyUtil.getStringID() $»'»«/td» 
</tr> 
<tr> 
<td> 朋 友 姓 名 </td> 
<td>< input type = "text" name = "nane" maxlength = "20" /> 
< font color = "red"> * </font > 
</td> 
</tr> 
<tr> 
<td> 生 日 </td> 
<td>< input type = "text" name = "birthday" maxlength = "10" 
onfocus = "showCalendar(this)" /> YYYY - MM - DD </td> 
</tr> 
<tr> 
<td> 电 话 号 码 </td> 
<td>< input type = "text" name = "telephone" maxlength- "20" /> 
«/td» 
</tr> 
<tr> 
<td>E- mail </td> 
< td»« input type = "text" name = "email" maxlength = "20" /> 
</td> 
</tr> 
<tr> 
<td> 地 址 </td> 
<td>< input type = "text" name = "address" maxlength = "50" /> 
</td> 
</tr> 
«tr» 
<td> 照 片 </td> 
<td>< input type = "file" name = "picture"/> 
</td> 
</tr> 
<tr> 
<td> 关 系 </td> 
<td>< select name = "relation"> 
<option value = "同事 " > 同事 </option> 
<option value = "同学 " > 同学 </option > 
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< option value = "战友 " > 战友 </option> 
<option value = "老乡 " > 老乡 </option> 
< option value = "ÆR" > 亲戚 </option> 
«option value = "家 人 " > 家 人 </option> 
< option value = "密友 " > 密友 </option> 
« option value = "其 他 " > 其 他 </option> 
</select ></td> 
</tr> 
<tr> 
< td align = "center">< input type = "button" onclick = "nameisnull()" value = 
"提交 " > 
</td> 
« td align= "left">< input type = "reset" value = "E E" /> 
</td> 
</tr> 
</table> 
</form> 
</body> 


2 控制 器 (senel) 

该 控制 器 servlet 对 象 的 urlPatterns 是 { "/addFriendServlet" } 。 控 制 器 获取 视图 请 求 
后 ,将 视图 信息 封装 在 实体 模型 Friend 中 ,然后 调用 业务 模型 FriendBusyness 的 addFriend 
方法 执行 添加 业务 处 理 。 添 加 成 功 进入 queryFriend. jsp 页 面 ,添加 失败 返回 到 addFriend. 
jsp 页 面 。 

AddFriendServlet. java 的 核心 代码 如 下 : 


(QWebServlet(name = "addFriendServlet", urlPatterns = ( "/addFriendServlet" ]) 
()MultipartConfig(maxFileSize = 10 * 1024 * 1024)// 设 置 上 传 文件 的 最 大 值 为 10MB 
public class AddFriendServlet extends HttpServlet { 
private static final long serialVersionUID - 1L; 
protected void doGet(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException { 
// 获 得 页 面 提交 的 信息 
String id = request.getParameter("id"); 
String name - request.getParameter("name"); 
String birthday = request. getParameter("birthday"); 
String telephone - request. getParameter("telephone"); 
String email = request. getParameter("email"); 
String address - request.getParameter("address"); 
String relation = request.getParameter("relation"); 
// 创 建 实体 模型 
Friend f = new Friend(); 
f.setlId(id); 
f. setName( name) ; 
if (birthday == null || birthday. length() == 0) { 
birthday = "1900 - 01 - 01"; // 没 有 输入 生日 时 ,设置 默认 值 
} 
f. setBirthday(birthday); 
if (telephone == null || telephone. length() == 0) { 


telephone = "没有 电话 "; // 没 有 输入 电话 时 ,设置 默认 值 
} 
f. setTelephone( telephone) ; 
if (email == null || email. length() == 0) { 
email = "没有 email"; // 没 有 输入 E- mail 时 ,设置 默认 值 
} 
f.setEmail(email); 
if (address == null || address.length() == 0) { 
address = "没有 地 址 "; // 没 有 输入 地 址 时 ,设置 默认 值 
} 
f. setAddress(address) ; 
f. setRelation(relation); 
// 开 始 上 传 照片 
// 获 得 part 对 象 
Part part = request.getPart("picture"); 
// 获 得 原始 文件 名 
String oldName = MyUtil.getFileName(part); 
// 如 果 选择 照片 
if(null != oldName)( 
// 指 定 上 传 的 文件 保存 到 服务 器 的 uploadFiles 目录 中 
File uploadFileDir = new File(getServletContext().getRealPath("/ 
uploadFiles")); 
if(!uploadFileDir. exists())( 
uploadFileDir. mkdir( ); 
} 
// 如 果 传 送 的 文件 名 是 全 路 径 名 ,取出 原始 文件 名 
int index = oldName. lastIndexOf(File. separator); 
if(index» 0){ 
oldName = oldName. substring(index * 1, oldName.length()); 
} 
// 获 取 文 件 类 型 
String fileType = oldName. substring(oldName. lastIndexOf(".")); 
// 以 一 定 规范 的 文件 名 上 传 ,因为 客户 上 传 时 ,文件 名 有 可 能 重 名 
String newName = MyUtil.getStringID() + fileType; 
f. setPicture(newName) ; 
// 上 传 到 服务 器 的 uploadFiles 目录 中 
part.write(uploadFileDir + File.separator + newName); 
i 


// 结 束 上 传 照片 

HttpSession session = request.getSession(); 

// 从 session 中 获取 用 户 名 

String userName = ((User) session.getAttribute("user")).getUname(); 
// 创 建 业务 模型 

FriendBusyness fb = new FriendBusyness(); 

// 添 加 成 功 返回 到 查询 页 面 


if (fb.addFriend(f, userName)) { 
RequestDispatcher dis = request.getRequestDispatcher("queryFriendServlet"); 
dis.forward(request, response); 
) eise( 
// 添 加 失败 返回 到 添加 画面 
RequestDispatcher dis = request 
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.getRequestDispatcher("addFriend. jsp"); 
dis.forward(request, response); 


) 
protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException { 
doGet(request, response); 





1.54 查询 朋友 信息 


单 击 系统 管理 主页 面 的 “查询 朋友 ?链接 ,打开 查询 页 面 queryFriend. jsp。 该 链接 的 目 
标 地 址 是 一 个 sevelet, servlet 对 象 的 urlPatterns 是 { "/queryFriendServlet" }。 在 该 
servlet 中 ,调用 业务 模型 FriendBusyness 的 getAllFriends 方法 执行 查询 业务 处 理 , 把 查询 
结果 显示 在 查询 页 面 queryFriend.jsp 中 。 


QueryFriendServlet. java 的 核心 代码 如 下 : 











@WebServlet(name = "queryFriendServlet", urlPatterns = ( "/queryFriendServlet" }) 
public class QueryFriendServlet extends HttpServlet ( 
private static final long serialVersionUID = 1L; 
protected void doGet(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException { 
// 创 建 业务 模型 
FriendBusyness fb = new FriendBusyness(); 
HttpSession session - request.getSession(); 
// 得 到 用 户 名 
String userName = ((User) session.getAttribute("user")).getUnane(); 
// 获 得 朋友 信息 
ArrayList < Friend» al = fb.getAllFriends(userName); 
// 把 数组 放 到 request 里 传 给 JSP 页 面 
request. setAttribute("friends", al); 
// 获 得 链接 参数 
String flag = request.getParameter("flag"); 
// 转 发 到 删除 页 面 
if (flag != null && flag.equals("del")) { 
RequestDispatcher dis = request 
.getRequestDispatcher("deleteFriend. jsp"); 
dis.forward(request, response); 
return; 
j 
// 转 发 到 修改 页 面 
if (flag != null && flag. equals("update")) { 
RequestDispatcher dis = request 
.getRequestDispatcher("modifyFriend. jsp"); 


dis.forward(request, response); 
return; 
) 
// 转 发 到 查询 页 面 
RequestDispatcher dis = request. getRequestDispatcher("queryFriend. jsp"); 
dis.forward(request, response); 
} 
protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
doGet(request, response); 


) 


2 视图 (JSP 页 面 ) 
在 该 视图 中 显示 成 功 登录 用 户 的 所 有 朋友 信息 ,如 图 11.7 所 示 。 





图 11.7 所 有 朋友 信息 


queryFriend. jsp 的 核心 代码 如 下 : 


<body> 
<table border = "1"> 
< tr bgcolor = "LightGreen"> 
<th> 朋 友 ID </th> 
<th> 朋 友 姓 名 </th> 
<th> 关 系 </th> 
<th> 查 看 详情 </th> 
</tr> 
« c:forEach var = "friend" items =" $ (requestScope. friends}"> 
«tr» 
« td» $ (friend. idj</td> 
« td» $ (friend. name]«/td» 
« td» $ (friend. relation)«/td» 
<td><a href = "freindDetailServlet?op = detail&&friendid- $ (friend. id)" target 
="_blank" style = "text - decoration:none"> 查 看 详情 </a></td> 
</tr> 
«/c:forEach» 


Snr visen 
ss 
</table> er^ 
</body> 


11.55 查看 详情 


单 击 图 11. 7 中 “查看 详情 ”链接 ,打开 详情 页 面 freindDetail. jsp。 该 链接 的 目标 地 址 是 
一 个 sevelet, servlet 对 象 的 urlPatterns 是 { "/freindDetailServlet" } 。 在 该 servlet 中 ,首先 
调用 FriendBusyness 的 getAFriend 方法 根据 朋友 ID 查询 一 个 朋友 信息 ; 然后 根据 op 的 
值 (detail) 将 查询 结果 显示 在 详情 页 面 freindDetail. jsp。 详 情 页 面 freindDetail. jsp 的 运行 
效果 如 图 11.8 所 示 。 














朋友 详细 信息 
朋友 ID ]20160915170325114] 
pars | 
Æ [2016-09-16 


H 
电话 号 码 ||13888888888 | 
-mail 
J 














[E-mail |[234560126. com 
DX — [dtm 


m 
ER Je? | 


图 11.8 查看 详情 页 面 








1. 视 图 (JSP 页 面 ) 
freindDetail. jsp 的 核心 代码 如 下 : 


< body bgcolor = "LightCyan"> 
<table border =1> 
<caption>< font size = 4 face = 华文 新 魏 > 朋 友 详细 信息 </font ></caption> 
<tr> 
<td> 朋 友 ID</td> 
<td>$ {requestScope. friend. id}</td> 
</tr> 
«tr» 
<td> 朋 友 姓名 </td> 
< td» $ (requestScope. friend. name]«/td » 
</tr> 
«tr» 
<td> 生 日 </td> 
< td» $ (requestScope. friend. birthday)«/td» 
</tr> 
<tr> 
<td> 电 话 号 码 </td> 
< td» $ {requestScope. friend. telephone}</td> 
«ftr» 
<tr> 





<td>E- mail </td> 
< td» $ {requestScope. friend. email}</td> 
</tr> 
<tr> 
<td> 地 址 </td> 
< td» $ (requestScope. friend. address}</td> 
</tr> 
<tr> 
<td> 照 片 </td> 
<td>< ing src = "uploadFiles/ $ (requestScope. friend. picture}" width= "100px" 
height = "100px"/></td> 
</tr> 
<tr> 
<td> 关 系 </td> 
< td» $ (requestScope. friend. relation}</td> 
</tr> 
</table> 
</body> 


2 控制 器 (servet) 
FreindDetailServlet. java 的 核心 代码 如 下 : 


@WebServlet (name = "freindDetailServlet", urlPatterns = ( "/freindDetailServlet" }) 
public class FreindDetailServlet extends HttpServlet { 
private static final long serialVersionUID = 1L; 
protected void doGet (HttpServletRequest request, 

HttpServletResponse response) throws ServletException, IOException { 

// 创 建 业 务 模型 

FriendBusyness fb = new FriendBusyness(); 

// 获 得 链接 的 参数 

String id = request.getParameter("friendid"); 

String op = request.getParameter("op"); 

// 获 得 朋友 信息 

Friend f = fb.getAFriend(id); 

request. setAttribute("friend", f); 

// 查 看 详细 信息 

if (op != null && op. equals("detail")) { 
RequestDispatcher dis = request 

.getRequestDispatcher("freindDetail. jsp"); 

dis.forward(request, response); 

) 

// 查 看 修改 的 信息 

if (op != null && op. equals("update")) { 
RequestDispatcher dis = request 

.getRequestDispatcher("freindupdate. jsp"); 

dis.forward(request, response); 


] 
protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 





doGet(request, response); 


) 


1.56 修改 朋友 信息 


单 击 系统 管理 主页 面 中 “修改 信息 ”链接 ,打开 修改 查询 页 面 modifyFriend. jsp。 该 链 
接 的 目标 地 址 是 一 个 sevelet, servlet 对 象 的 urlPatterns 是 { "/queryFriendServlet" ), TE 
该 servlet 中 ,根据 flag 值 ,将 查询 结果 显示 在 修改 查询 页 面 modifyFriend. jsp. 

单 击 modifyFriend. jsp 页 面 中 “修改 ”链接 打开 修改 朋友 信息 页 面 freindupdate. jsp. 
在 页 面 freindupdate. jsp 中 进行 朋友 信息 修改 。 单 击 “ 修 改 ” 按 钮 ,将 要 修改 的 朋友 信息 提 
交 给 控制 器 servlet,servlet 对 象 的 urlPatterns 是 { "/updateFriendServlet" } 。 在 该 servlet 
中 将 视图 信息 封装 在 实体 模型 Friend 中 , 然后 调用 业务 模型 FriendBusyness 的 
upadateFriend 方法 执行 修改 的 业务 处 理 。 修 改 成 功 进入 queryFriend. jsp 页 面 , 修 改 失败 
返回 到 freindupdate. jsp 页 面 。 


1. 视 图 (JSP 页 面 ) 

该 模块 的 视图 共有 两 个 : modifyFriend. jsp 和 freindupdate. jsp。modifyFriend. jsp 页 
面 显示 用 户 可 以 修改 的 朋友 信息 ,如 图 11.9 所 示 。freindupdate. jsp 页 面 提供 修改 信息 输 
入 界面 ,如 图 11. 10 所 示 。 

















11.9 可 以 修改 的 朋友 信息 
modifyFriend. jsp 的 核心 代码 如 下 : 


<body> 
<table border = "1"> 
< tr bgcolor = "LightGreen"> 
<th> 朋 友 ID</th> 
<th> 朋 友 姓 名 </th> 
<th> 关 系 </th> 
<th> 查 看 详情 </th> 
</tr> 
<c:forEach var = "friend" items =" $ {requestScope. friends}"> 
<tr> 
« td» $ (friend. id}</td> 
< td» $ (friend. name}</td> 
« td» $ (friend. relation]«/td» 
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11.10 修改 信息 输入 界面 


<tdalign= "center"> 
<a href = "freindDetailServlet?op = update&&friendid- $ (friend. id)" 
style = "text - decoration: none"> 修 改 </a> 
</td> 
</tr> 
</c:forEach> 
</table> 
</body> 


freindupdate. jsp 的 核心 代码 如 下 : 


< body bgcolor = "LightCyan"» 
< form action = "updateFriendServlet" method = "post" name = "updateForm" enctype = 
"multipart/form- data"» 
«table border = 1 > 


« caption»« font size = 4 face= 华 文 新 魏 > 朋 友信 息 修改 </font ></caption> 
<tr> 


<td> 朋 友 ID«/td» 
<td>< input type= "text" readonly 
style = "border - width:lpt;border - style:dashed;border - color:red" 


nane = "id" value=" $ (requestScope. friend. id)" /» «/td» 
</tr> 


<tr> 
<td> 朋 友 姓 名 </td> 
<td>< input type = "text" name = "name" maxlength = "20" 


value= " $ (requestScope. friend. name] " /»« font color = "red"> * «/font ></td> 
</tr> 


«tr» 





<td> 生 日 </td> 
<td>< input type = "text" name = "birthday" maxlength- "10" 
value = " $ (requestScope. friend. birthday]" onfocus = "showCalendar(this)" /^ 
YYYY - MM - DD«/td» 
</tr> 
«tr» 
<td> 电 话 号 码 </td> 
<td>< input type = "text" name = "telephone" maxlength = "20" 
value = " $ (requestScope. friend. telephone]" /» «/td » 
</tr> 
«tr» 
«td» E- nail </td> 
« td»« input type = "text" name = "email" maxlength = "20" 
value = " $ (requestScope. friend. enail])"/»«/td» 
</tr> 
<tr> 
<td> 地 址 </td> 
<td>< input type = "text" name = "address" maxlength- "50" 
value = " $ (requestScope. friend. address)" /» «/td» 
</tr> 
<tr> 
< td> </td> 
<td> 
< img src = "uploadFiles/ $ {requestScope. friend. picture}" width = 
"100px" height = "100px"/> 
< input type = "file" name = "picture" /> 
</td> 
</tr> 
<tr> 
<td> 关 系 </td> 
<td> 
< select name = "relation" > 
<option value = "同事 " 
<c:if test =" $ (requestScope. friend. relation == ' 同 事 '}"> selected 
</c:if> 
> 同事 </option > 
< option value = "同学 " 
<c:if test =" $ (requestScope. friend. relation == ' 同 学 '}"> 
selected </c: if> 
> 同学 </option> 
< option value = "战友 " 
«c:if test =" $ (requestScope. friend. relation == ' 战 友 '}"> selected 
</c: 证 > 
> 战友 </option > 
«option value= "老乡 " 
«c:if test =" $ (requestScope. friend. relation == ' 老 乡 '}"> selected 
«[c:if» 
> 老乡 </option> 
< option value = "JJ" 
«c:if test =" $ [requestScope. friend. relation == '4E')"» selected 
</c: 证 > 





vA > 亲戚 </option > 

«option value- "家 人 " 
<c:if test =" $ (requestScope. friend. relation == ' 家 人 '}"> selected 
</c:if> 
> 家 人 </option > 

< option value = "密友 " 
«c:if test =" $ (requestScope. friend. relation == ' 密 友 '}"> selected 
</c:if> 
> 密友 </option> 

<option value = "其 他 " 
<c:if test =" $ (requestScope. friend. relation == ' 其 他 '}"> selected 


</c:if> 
> 其 他 </option > 
</select> 
</td> 
</tr> 
<tr> 


< td colspan = "2" align= "center">< input type = "button" onclick = "nameisnull()" 
value = "修改 "/></td> 
</tr> 
</table> 
</form> 
</body> 


UpdateFriendServlet. java 的 核心 代码 如 下 : 


@WebServlet(name = "updateFriendServlet", urlPatterns = ( "/updateFriendServlet" ]) 
(G)MultipartConfig(maxFileSize = 10 * 1024 * 1024)// 设 置 上 传 文件 的 最 大 值 为 10MB 
public class UpdateFriendServlet extends HttpServlet { 
private static final long serialVersionUID = 1L; 
protected void doGet(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
// 获 得 页 面 提交 的 信息 
String id = request.getParameter("id"); 
String name = request.getParameter("name"); 
String birthday = request. getParameter("birthday"); 
String telephone = request. getParameter("telephone"); 
String email = request.getParameter("email"); 
String address = request. getParameter( "address" ); 
String relation = request. getParameter("relation"); 
// 创 建 实体 模型 
Friend f = new Friend(); 
f.setlId(id); 
f. setName( name) ; 
if (birthday == null || birthday.length() == 0) { 
birthday = "1900 - 01 - 01"; // 没 有 输入 生日 时 ,设置 默认 值 
i 
f. setBirthday(birthday); 
if (telephone == null || telephone.length() == 0) { 


I 


; 261 
telephone = "没有 电话 "; // 没 有 输入 电话 时 ,设置 默认 什 wert 
} 
f. setTelephone( telephone) ; 
if (email == null || email. length() == 0) { 
email = "没有 email"; // 没 有 输入 E-mail 时 ,设置 默认 值 


} 
f. setEmail(email); 
if (address == null || address.length() == 0) { 
address = "BUE EAE"; // 没 有 输入 地 址 时 ,设置 默认 值 
) 
f. setAddress(address) ; 
f. setRelation(relation); 


// 获 得 part 对 象 
Part part = request. getPart("picture"); 
// 获 得 原始 文件 名 
String oldName = MyUtil.getFileName(part); 
// 如 果 选择 照片 
if(null != oldName)( 
// 指 定 上 传 的 文件 保存 到 服务 器 的 uploadFiles 目录 中 
File uploadFileDir = new File(getServletContext().getRealPath 
("/uploadFiles")); 
if(!uploadFileDir. exists())( 
uploadFileDir.nkdir(); 
} 
// 如 果 传送 的 文件 名 是 全 路 径 名 ,取出 原始 文件 名 
int index = oldName. lastIndexOf(File. separator); 
if(index» 0){ 
oldName = oldName.substring(index * 1, oldName.length()); 
} 
// 获 取 文件 类 型 
String fileType = oldName. substring(oldName. lastIndexOf(".")); 
// 以 一 定 规范 的 文件 名 上 传 ,因为 客户 上 传 时 ,文件 名 有 可 能 重 名 
String newName = MyUtil.getStringID() + fileType; 
f. setPicture(newName) ; 
// 上 传 到 服务 器 的 uploadFiles 目录 中 
part.write(uploadFileDir + File.separator + newName); 
} 
// 创 建 业 务 模型 
FriendBusyness fb = new FriendBusyness(); 
if (fb. upadateFriend(f)) ( 
RequestDispatcher dis = request.getRequestDispatcher("queryFriendServlet"); 
dis. forward(request, response); 
} else { 
// 修 改 失败 返回 到 修改 页 面 
request.setAttribute("friend", f);  // 返 回 输入 的 值 
RequestDispatcher dis = request 
.getRequestDispatcher("freindupdate. jsp"); 
dis.forward(request, response); 





protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
doGet(request, response); 


) 


1.57 删除 朋友 信息 


单 击 系统 管理 主页 面 的 “删除 朋友 ”链接 ,打开 删除 查询 页 面 deleteFriend. jsp。 该 链接 
的 目标 地 址 是 一 个 sevelet, servlet 对 象 的 urlPatterns 是 {"/queryFriendServlet”)。 在 该 
servlet 中 ,根据 flag 值 ,将 查询 结果 显示 在 删除 查询 页 面 deleteFriend. jsp 中 。 

在 deleteFriend. jsp 页 面 中 选择 要 删除 的 朋友 , 单 击 “ 删 除 ? 按 钮 ,将 要 删除 朋友 的 ID 提 
交 给 控制 器 servlet, servlet 对 象 的 urlPatterns 是 { "/deleteServlet" } 。 在 该 servlet 中 调用 
业务 模型 FriendBusyness 的 deleteFriend 方法 执行 删除 的 业务 处 理 。 成 功 删 除 后 进入 删除 
查询 页 面 deleteFriend. jsp. 


1 视图 JSP 页 面 ) 
该 模块 中 只 有 一 个 视图 deleteFriend. jsp, 在 该 视图 中 显示 用 户 可 以 删除 的 朋友 信息 ， 
如 图 11.11 Bros 

















图 11.11 可 以 删除 的 朋友 信息 


deleteFriend. jsp 的 核心 代码 如 下 : 


<body> 
< form action = "deleteServlet" name = "deleteForm" method = "post"> 
< table border = "1"> 

< tr bgcolor = "LightGreen"> 
<th> 朋 友 ID</th> 
<th> 朋 友 姓 名 </th> 
<th> 关 系 </th> 
<th> 查 看 详情 </th> 

</tr> 

<c:forEach var = "friend" items =" $ {requestScope. friends}"> 

<tr> 
<td> < input type = "checkbox" name = "deleteid" value =" $ (friend. id}"/> 
$ {friend. id}</td> 
« td» $ (friend. name}</td> 
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« td» $ (friend. relation}</td> bed 
< td»« a href = "freindDetailServlet?op = detail&&friendid- $ (friend. id)" target 
="_blank" style = "text - decoration:none"> 查 看 详情 </a></td> 
</tr> 
</c:forEach> 
<tr> 
< td colspan= "4" align = "center">< input type = "button" value = "删除 " onclick = 
"confirmDelete()"/></td> 
</tr> 
</table> 
</form> 
</body> 


2 $8 tb] s (servet) 
DeleteServlet. java 的 核心 代码 如 下 : 


@WebServlet(name = "deleteServlet", urlPatterns = ( "/deleteServlet" ]) 
public class DeleteServlet extends HttpServlet { 
private static final long serialVersionUID - 1L; 
protected void doGet(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 


// 创 建 业务 模型 

FriendBusyness fb = new FriendBusyness(); 

// 获 得 要 删除 的 id 

String id[] = request. getParameterValues("deleteid"); 
// 删 除 朋友 


fb. deleteFriend(id); 
RequestDispatcher dis = request 
. getRequestDispatcher("queryFriendServlet?flag - del"); 
dis.forward(request, response); 
} 
protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException ( 
doGet(request, response); 


) 





115.8 修改 密码 


单 击 系统 管理 主页 面 的 “修改 密码 ”链接 ,打开 密码 修改 页 面 updatepassword. jsp. TE 
该 页 面 中 用 户 输入 新 密码 , 单 击 “修改 ”按钮 。 将 密码 信息 提供 给 控制 器 servlet, servlet 对 
象 的 urlPatterns 是 { "/updatePasswordServlet" } 。 控 制 器 
获取 视图 请 求 后 ,将 视图 信息 封装 在 实体 模型 User 中 ,然后 
调用 业务 模型 UserBusyness 的 updatePassword 方法 执行 修 
改 密码 业务 。 


1. 视图 (JSP 页面 ) 
密码 修改 页 面 updatepassword.jsp 的 效果 如 图 11. 12 所 示 。 图 11. 12 密码 修改 页 面 

















iud updatepassword. jsp 的 核心 代码 如 下 ; 


< body? 
< form action = "updatePasswordServlet" method = "post" name = "updatePasswordForm"» 
«table 
border = 1 
bgcolor = "lightblue" 
align = "center" 
<tr> 
<td> 姓 名 : </td> 
<td> 
$ (sessionScope. user. uname } 
</td> 
</tr> 


<tr> 
<td> 新 密码 : </td> 
<td>< input class = "textSize" type = "password" name = "upass" 
value = " $ (sessionScope. user. upass ]"/»«/td» 
</tr> 


<tr> 
<td> 确 认 密码 : </td> 
<td>< input class = "textSize" type "password" maxlength - "20" 
nane = "reupass" /» «/td» 

</tr> 


<tr> 
< td colspan = "2" align = "center">< input type = "button" value = "修改 " 
onclick = "allIsNull()"/></td> 

</tr> 


</table> 
</form> 
</body> 


2 控制 器 (servet) 
UpdatePasswordServlet. java 的 核心 代码 如 下 : 


@WebServlet (name = "updatePasswordServlet", urlPatterns = ( "/updatePasswordServlet" ]) 
public class UpdatePasswordServlet extends HttpServlet ( 
private static final long serialVersionUID - 1L; 
protected void doGet(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException ( 
response. setContentType(" text/html;charset = GBK"); 
PrintWriter out = response. getWriter( ) ; 
// 获 得 页 面 提交 的 信息 
String pass = request. getParameter("upass") ; 
HttpSession session = request. getSession(); 
String name = ( (User)session. getAttribute("user")).getUname(); 
// 创 建 实 体 模型 User 
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User u= new User(); 
u. setUname( name) ; 
u. setUpass(pass) ; 
// 创 建 业务 模型 
UserBusyness ub = new UserBusyness() ; 
// 实 现 修改 功能 
if (ub. upadatePassword(u))( 
// 注 册 成 功 返 回 到 登录 页 面 
out. print(" 修 改 成 功 ,3 秒 后 去 登录 !"); 
response. setHeader("refresh", "3;url = login. jsp"); 
Jelse( 
// 失 败 返 回 到 注册 页 面 
out. print(" 修 改 失败 ,请 查 查 原因 ,3 秒 后 继续 修改 1"); 
response. setHeader( "refresh", "3;url = upadatepassword. jsp"); 


) 
protected void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException ( 
doGet(request, response) ; 








11.59 退出 系统 


单 击 系 统管 理 主页 面 的 “退出 系统 ”链接 ,该 链接 的 目标 地 址 是 一 个 控制 器 servlet, 
servlet 对 象 的 urlPatterns 是 { "/exitUserServlet" } 。 在 控制 器 中 清空 用 户 会 话 session, 
退出 系统 成 功 后 ,进入 登录 页 面 , 重 新 登录 。 

ExitUserServlet. java 的 核心 代码 如 下 : 








@WebServlet (name = "exitUserServlet", urlPatterns = ( "/exitUserServlet" ]) 
public class ExitUserServlet extends HttpServlet ( 
private static final long serialVersionUID - 1L; 
protected void doGet(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException ( 
response. setContentType(" text/html;charset = GBK"); 
PrintWriter out = response. getWriter( ); 
HttpSession session = request. getSession(); 
session. renoveAttribute("user"); 
out. print(" 退 出 系统 ,3 秒 后 重新 登录 !"); 


response. setHeader("refresh", "3;url- login. jsp"); 


} 
protected void doPost (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doGet(request, response) ; 
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